chore: fix typescript issues

Author: stafyniaksacha

components/AppFooter.vue

@@ -17,7 +17,7 @@ const year = new Date().getFullYear()
       >
         <span class="flex-none flex flex-row items-center">
           <NuxtLink
-            v-if="appConfig.stylo.footer.logo.src"
+            v-if="appConfig.stylo?.footer?.logo?.src"
             class="flex title-font font-medium items-center lg:justify-start justify-center text-muted-800 dark:text-muted-100 mr-4 pr-4 border-r border-muted-300 dark:border-muted-600/60"
             to="/"
           >
@@ -36,7 +36,7 @@ const year = new Date().getFullYear()
             />
           </NuxtLink>
           <p
-            v-if="appConfig.stylo.footer.copyright.enabled"
+            v-if="appConfig.stylo.footer?.copyright?.enabled"
             class="font-sans text-sm text-muted-500 dark:text-muted-400"
           >
             © {{ year }}
@@ -52,7 +52,7 @@ const year = new Date().getFullYear()
         </span>
         <span class="flex items-center gap-x-6">
           <p
-            v-for="link in appConfig.stylo.footer.links"
+            v-for="link in appConfig.stylo?.footer?.links"
             :key="link.href"
             class="text-sm text-muted-600 dark:text-muted-300"
           >
@@ -70,7 +70,7 @@ const year = new Date().getFullYear()
           class="grow inline-flex gap-1 lg:ml-auto justify-center sm:justify-end mt-2 sm:mt-0"
         >
           <NuxtLink
-            v-for="social in appConfig.stylo.footer.social"
+            v-for="social in appConfig.stylo?.footer?.social"
             :key="social.href"
             :to="social.href"
             :title="social.title"

components/AppFooterAction.vue

@@ -3,7 +3,7 @@ const appConfig = useAppConfig()
 </script>
 
 <template>
-  <div class="app-section bg-white dark:bg-muted-1000">
+  <div v-if="appConfig.stylo.footer?.action" class="app-section bg-white dark:bg-muted-1000">
     <div class="app-container">
       <div class="relative">
         <div class="text-center mb-8">

components/AppLayout.vue

@@ -8,7 +8,7 @@ const appConfig = useAppConfig()
     <div>
       <slot />
     </div>
-    <AppFooterAction v-if="appConfig.stylo.footer.action.enabled" />
+    <AppFooterAction v-if="appConfig.stylo.footer?.action?.enabled" />
     <AppFooter />
   </div>
 </template>

components/AppNavbar.vue

@@ -56,15 +56,15 @@ const { data: navigation } = await useAsyncData('navigation', () =>
               class="shrink-0 flex gap-2 items-center justify-center pb-1"
             >
               <img
-                v-if="appConfig.stylo.header.logo.src"
+                v-if="appConfig.stylo.header.logo?.src"
                 class="block dark:hidden h-9 lg:h-10"
                 :src="appConfig.stylo.header.logo.src"
                 :alt="appConfig.stylo.header.logo.alt"
               />
               <img
                 v-if="
-                  appConfig.stylo.header.logo.srcDark ||
-                  appConfig.stylo.header.logo.src
+                  appConfig.stylo.header.logo?.srcDark ||
+                  appConfig.stylo.header.logo?.src
                 "
                 class="hidden dark:block h-9 lg:h-10"
                 :src="
@@ -132,15 +132,15 @@ const { data: navigation } = await useAsyncData('navigation', () =>
               <NuxtLink to="/">
                 <div class="shrink-0 flex items-center">
                   <img
-                    v-if="appConfig.stylo.header.logo.src"
+                    v-if="appConfig.stylo.header?.logo?.src"
                     class="block dark:hidden h-10 w-10"
                     :src="appConfig.stylo.header.logo.src"
                     :alt="appConfig.stylo.header.logo.alt"
                   />
                   <img
                     v-if="
-                      appConfig.stylo.header.logo.srcDark ||
-                      appConfig.stylo.header.logo.src
+                      appConfig.stylo.header?.logo?.srcDark ||
+                      appConfig.stylo.header?.logo?.src
                     "
                     class="hidden dark:block h-10 w-10"
                     :src="

composables/useAsyncAuthorMeta.ts

@@ -1,10 +1,7 @@
-import type { MaybeComputedRef } from '@vueuse/core'
 import type { AuthorPage } from '../types'
 
-export function useAsyncAuthorMeta(path: MaybeComputedRef<string | undefined>) {
-  const _path = computed(() => {
-    return typeof path === 'function' ? path() : isRef(path) ? path.value : path
-  })
+export function useAsyncAuthorMeta(path: MaybeRefOrGetter<string | undefined>) {
+  const _path = toRef(path)
 
   return useAsyncData(
     `author-meta-${_path.value}`,

composables/useAsyncCategoryMeta.ts

@@ -1,12 +1,9 @@
-import type { MaybeComputedRef } from '@vueuse/core'
 import type { CategoryPage } from '../types'
 
 export function useAsyncCategoryMeta(
-  path: MaybeComputedRef<string | undefined>
+  path: MaybeRefOrGetter<string | undefined>
 ) {
-  const _path = computed(() => {
-    return typeof path === 'function' ? path() : isRef(path) ? path.value : path
-  })
+  const _path = toRef(path)
 
   return useAsyncData(
     `category-meta-${_path.value}`,

composables/useAsyncTagsMeta.ts

@@ -1,16 +1,9 @@
-import type { MaybeComputedRef } from '@vueuse/core'
 import type { TagPage } from '../types'
 
 export function useAsyncTagsMeta(
-  paths: MaybeComputedRef<string[] | undefined>
+  paths: MaybeRefOrGetter<string[] | undefined>
 ) {
-  const _paths = computed(() => {
-    return typeof paths === 'function'
-      ? paths()
-      : isRef(paths)
-      ? paths.value
-      : paths
-  })
+  const _paths = toRef(paths)
 
   return useAsyncData(
     `tags-meta-${_paths.value?.join('-')}`,

package.json

@@ -5,6 +5,21 @@
   "license": "MIT",
   "main": "./nuxt.config.ts",
   "packageManager": "pnpm@8.5.1",
+  "files": [
+    "components",
+    "composables",
+    "layouts",
+    "server",
+    "styles",
+    "types",
+    "utils",
+    "app.vue",
+    "app.config.ts",
+    "nuxt.schema.ts",
+    "nuxt.config.ts",
+    "tailwind.config.cjs",
+    "tokens.config.ts"
+  ],
   "scripts": {
     "dev": "nuxi prepare & nuxi dev .blog",
     "dev:starter": "nuxi prepare & nuxi dev .starter",

server/plugins/content.ts

@@ -2,6 +2,7 @@ import getReadingTime from 'reading-time'
 import { toString } from 'mdast-util-to-string'
 
 export default defineNitroPlugin((nitroApp) => {
+  // @ts-ignore
   nitroApp.hooks.hook('content:file:afterParse', (file) => {
     if (file._id.endsWith('.md')) {
       const textOnPage = toString(file.body)