chore: more cleanup

Author: HigherOrderLogic

app/layouts/default.vue

@@ -14,7 +14,7 @@
 <style lang="scss" module>
 .dashedLink {
   a {
-    --at-apply: 'underline-dashed underline-offset-2 hover:(underline-solid underline-offset-1.5)'
+    --at-apply: 'underline-dashed underline-offset-3';
   }
 }
 

app/pages/blogs/[...slugs].vue

@@ -1,4 +1,6 @@
 <script lang="ts">
+import { useDateFormat } from '@vueuse/core'
+
 import type { MinimalNode } from '@nuxt/content'
 
 const ContentNotFound = defineComponent({
@@ -18,9 +20,9 @@ function getWordCount(nodesList: MinimalNode[]): number {
   for (const node of nodesList) {
     if (Array.isArray(node)) {
       const [content, _data, ...childNode] = node
-      wordCount += content.length + getWordCount(childNode)
+      wordCount += content.trim().split(/\s+/).length + getWordCount(childNode)
     } else {
-      wordCount += node.length
+      wordCount += node.trim().split(/\s+/).length
     }
   }
 

app/pages/blogs/index.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { useDateFormat } from '@vueuse/core'
+
 useSeoMeta({ title: 'Blogs' })
 
 const { data: blogsList } = await useAsyncData('blogsList', () =>
@@ -10,8 +12,8 @@ const { data: blogsList } = await useAsyncData('blogsList', () =>
     <h1 class="pb-4">
       Blogs
     </h1>
-    <div class="divide-y divide-gray divide-op-20 divide-dashed dark:(divide-zinc divide-op-25)">
-      <template v-if="blogsList?.length">
+    <template v-if="blogsList?.length">
+      <div class="divide-y divide-gray divide-op-20 divide-dashed dark:(divide-zinc divide-op-25)">
         <template
           v-for="blog in blogsList"
           :key="blog.id"
@@ -27,12 +29,12 @@ const { data: blogsList } = await useAsyncData('blogsList', () =>
             </p>
           </div>
         </template>
-      </template>
-      <template v-else>
-        <div class="w-full text-center text-size-lg">
-          There is nothing here...
-        </div>
-      </template>
-    </div>
+      </div>
+    </template>
+    <template v-else>
+      <div class="w-full text-center text-size-lg">
+        There is nothing here...
+      </div>
+    </template>
   </div>
 </template>

content.config.ts

@@ -6,7 +6,7 @@ export default defineContentConfig({
       type: 'page',
       source: 'blogs/**',
       schema: z.object({
-        date: z.string(),
+        date: z.date(),
       }),
     }),
   },

eslint.config.mjs

@@ -35,6 +35,8 @@ export default withNuxt(antfu({
         'alphabetize': { order: 'asc', caseInsensitive: true },
       },
     ],
+
+    'perfectionist/sort-imports': 'off',
   },
 }, {
   files: ['**/*.md'],

nuxt.config.ts

@@ -5,10 +5,13 @@ export default defineNuxtConfig({
   future: {
     compatibilityVersion: 4,
   },
+
   typescript: {
     strict: true,
   },
+
   css: ['@fontsource-variable/inter'],
+
   app: {
     head: {
       charset: 'utf-8',
@@ -29,27 +32,32 @@ export default defineNuxtConfig({
       link: [{ rel: 'manifest', href: '/manifest.webmanifest' }],
     },
   },
+
   ssr: false,
+
   modules: [
     '@nuxt/content',
     '@nuxtjs/color-mode',
     '@unocss/nuxt',
     '@nuxt/eslint',
-    '@vueuse/nuxt',
     '@vite-pwa/nuxt',
   ],
+
   devtools: {
     enabled: true,
   },
+
   eslint: {
     config: {
       standalone: false,
     },
   },
+
   unocss: {
     preflight: true,
     components: false,
   },
+
   pwa: {
     devOptions: { enabled: true },
     registerType: 'autoUpdate',
@@ -66,4 +74,6 @@ export default defineNuxtConfig({
       shortcuts: [{ name: 'Blogs', url: '/blogs' }],
     },
   },
+
+  compatibilityDate: '2025-05-17',
 })

package.json

@@ -23,7 +23,7 @@
     "@unocss/eslint-plugin": "^66.0.0",
     "@unocss/nuxt": "^66.0.0",
     "@vite-pwa/nuxt": "^1.0.0",
-    "@vueuse/nuxt": "^13.1.0",
+    "@vueuse/core": "^13.1.0",
     "eslint": "^9.25.1",
     "nuxt": "^3.16.2",
     "sass-embedded": "^1.87.0",

uno.config.ts

@@ -2,7 +2,7 @@ import {
   defineConfig,
   presetIcons,
   presetTypography,
-  presetUno,
+  presetWind3,
   transformerDirectives,
   transformerVariantGroup,
 } from 'unocss'
@@ -11,7 +11,7 @@ export default defineConfig({
   presets: [
     presetIcons(),
     presetTypography(),
-    presetUno({
+    presetWind3({
       dark: {
         dark: '.dark-mode',
         light: '.light-mode',
@@ -22,4 +22,7 @@ export default defineConfig({
     transformerDirectives(),
     transformerVariantGroup(),
   ],
+  shortcuts: [
+    ['transition-base', 'transition-all duration-200 ease-in-out'],
+  ],
 })

yarn.lock

@@ -5903,7 +5903,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vueuse/core@npm:13.1.0":
+"@vueuse/core@npm:^13.1.0":
   version: 13.1.0
   resolution: "@vueuse/core@npm:13.1.0"
   dependencies:
@@ -5923,21 +5923,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vueuse/nuxt@npm:^13.1.0":
-  version: 13.1.0
-  resolution: "@vueuse/nuxt@npm:13.1.0"
-  dependencies:
-    "@nuxt/kit": "npm:^3.16.2"
-    "@vueuse/core": "npm:13.1.0"
-    "@vueuse/metadata": "npm:13.1.0"
-    local-pkg: "npm:^1.1.1"
-  peerDependencies:
-    nuxt: ^3.0.0 || ^4.0.0-0
-    vue: ^3.5.0
-  checksum: 10c0/468d99b47192f6cea2c0400435efb2822b7325164dbea53addf0b2dbc2441010edac870e913d549c0409a2850790b50e7b0c1158902dde8f5d36f8bf9d14e14c
-  languageName: node
-  linkType: hard
-
 "@vueuse/shared@npm:13.1.0":
   version: 13.1.0
   resolution: "@vueuse/shared@npm:13.1.0"
@@ -10642,7 +10627,7 @@ __metadata:
     "@unocss/eslint-plugin": "npm:^66.0.0"
     "@unocss/nuxt": "npm:^66.0.0"
     "@vite-pwa/nuxt": "npm:^1.0.0"
-    "@vueuse/nuxt": "npm:^13.1.0"
+    "@vueuse/core": "npm:^13.1.0"
     eslint: "npm:^9.25.1"
     nuxt: "npm:^3.16.2"
     sass-embedded: "npm:^1.87.0"