feat: PWA using @vite-pwa/nuxt module with auto update strategy (#75)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>

components/DarkToggle.vue

@@ -1,6 +1,14 @@
 <script setup lang="ts">
 const color = useColorMode()
 
+useHead({
+  meta: [{
+    id: 'theme-color',
+    name: 'theme-color',
+    content: () => color.value === 'dark' ? '#222222' : '#ffffff',
+  }],
+})
+
 function toggleDark() {
   color.preference = color.value === 'dark' ? 'light' : 'dark'
 }

components/Logos.vue

@@ -1,7 +1,7 @@
 <template>
   <div inline-flex text-2xl font-300 cursor-default>
     <div flex flex-col children:mx-auto>
-      <img w-18 h-18 inline-block src="/nuxt.png">
+      <img w-18 h-18 inline-block src="/nuxt.svg">
       <span text-green5 mt--2>Nuxt 3</span>
     </div>
     <div