chore: update

locales/en.json

@@ -8,5 +8,6 @@
     "dynamic-route": "Demo of dynamic route",
     "hi": "Hi, {name}!",
     "whats-your-name": "What's your name?"
-  }
+  },
+  "not-found": "Not found"
 }

locales/fr.json

@@ -8,5 +8,6 @@
     "dynamic-route": "Démo de dynamic route",
     "hi": "Salut, {name}!",
     "whats-your-name": "Comment tu t'appelles?"
-  }
+  },
+  "not-found": "Pas trouvé"
 }

locales/zh-CN.json

@@ -8,5 +8,6 @@
     "dynamic-route": "动态路由演示",
     "hi": "你好，{name}！",
     "whats-your-name": "输入你的名字"
-  }
+  },
+  "not-found": "未找到页面"
 }

netlify.toml

@@ -4,7 +4,7 @@
 
 [build]
   publish = "dist"
-  command = "npx pnpm@5.4 i --store=node_modules/.pnpm-store && npm run build"
+  command = "npx pnpm i --store=node_modules/.pnpm-store && npm run build"
 
 [[redirects]]
   from = "/*"

src/components/Icon.vue

@@ -39,7 +39,8 @@ onMounted(update)
 span.iconify {
   background: #5551;
   border-radius: 100%;
-  min-width: 10px;
+  min-width: 1em;
   min-height: 1em;
+  display: block;
 }
 </style>

src/pages/[...all].vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+    {{ t('not-found') }}
+  </div>
+</template>
+
+<script setup lang='ts'>
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+export { t }
+</script>

src/pages/index.vue

@@ -35,7 +35,7 @@
   </div>
 </template>
 
-<script setup='props' lang='ts'>
+<script setup lang='ts'>
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'

tailwind.config.js

@@ -9,10 +9,10 @@ module.exports = {
       './src/**/*.js',
       './src/**/*.ts',
     ],
+    options: {
       whitelist: [
         'schema-dark',
       ],
-    options: {
       extractors: [
         {
           extractor,