fix: fix PWA manifest

Author: HigherOrderLogic

app/app.vue

@@ -1,5 +1,7 @@
 <template>
-  <nuxt-layout>
-    <nuxt-page />
-  </nuxt-layout>
+  <div class="min-h-screen min-w-screen dark:bg-black">
+    <nuxt-layout>
+      <nuxt-page />
+    </nuxt-layout>
+  </div>
 </template>

app/assets/css/index.scss

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full font-normal font-[Inter_Variable] prose-neutral dark:prose-invert">
+  <div class="font-normal font-[Inter_Variable] prose-neutral dark:prose-invert">
     <div>
       <navbar />
       <div class="mx-a lt-md:px-4 md:prose" :class="[$style.dashed_link, $style.no_header_underline]">
@@ -14,7 +14,7 @@
 <style lang="scss" module>
 .dashed_link {
   a {
-    --at-apply: "underline-dashed hover:underline-solid"
+    --at-apply: 'underline-dashed hover:underline-solid'
   }
 }
 

app/layouts/default.vue

@@ -1,4 +1,16 @@
+<script lang="ts">
+const ContentNotFound = defineComponent({
+  setup() {
+    showError({
+      statusCode: 404,
+      statusMessage: 'Blog not found',
+    })
+  },
+})
+</script>
+
 <script setup lang="ts">
+// eslint-disable-next-line import/first
 import type { MarkdownNode, ParsedContent } from '@nuxt/content'
 
 function parseNode(node: MarkdownNode): number {
@@ -26,15 +38,6 @@ function getWordCount(parsedContent: ParsedContent): number {
 
   return wordCount
 }
-
-const ContentNotFound = defineComponent({
-  setup() {
-    showError({
-      statusCode: 404,
-      statusMessage: 'Blog not found',
-    })
-  },
-})
 </script>
 
 <template>

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useHead({ title: 'Blogs' })
+useSeoMeta({ title: 'Blogs' })
 </script>
 
 <template>
@@ -8,7 +8,7 @@ useHead({ title: 'Blogs' })
       Blogs
     </h1>
     <content-list v-slot="{ list }" path="/blogs">
-      <div class="divide-y divide-gray divide-op-20 dark:(divide-zinc divide-op-25)">
+      <div class="divide-y divide-gray divide-op-20 divide-dashed dark:(divide-zinc divide-op-25)">
         <template
           v-for="blog in list.sort((a, b) => +new Date(b.date) - +new Date(a.date))"
           :key="blog._path"

app/pages/blogs/index.vue

@@ -1,3 +1,7 @@
+<script setup lang="ts">
+useSeoMeta({ title: 'Horu' })
+</script>
+
 <template>
   <div>
     <h1>

app/pages/index.vue

@@ -10,7 +10,7 @@ export default defineNuxtConfig({
     strict: true,
   },
 
-  css: ['@fontsource-variable/inter', '~/assets/css/index.scss'],
+  css: ['@fontsource-variable/inter'],
 
   app: {
     head: {
@@ -29,6 +29,7 @@ export default defineNuxtConfig({
         { property: 'og:description', content: DESCRIPTION },
         { property: 'og:type', content: 'website' },
       ],
+      link: [{ rel: 'manifest', href: '/manifest.webmanifest' }],
     },
   },