diff --git a/locales/en.json b/locales/en.json
index ccc944a..35d15d2 100644
--- a/locales/en.json
+++ b/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"
 }
diff --git a/locales/fr.json b/locales/fr.json
index f8b4397..f7e3d90 100644
--- a/locales/fr.json
+++ b/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é"
 }
diff --git a/locales/zh-CN.json b/locales/zh-CN.json
index 29dd20c..1fde0e2 100644
--- a/locales/zh-CN.json
+++ b/locales/zh-CN.json
@@ -8,5 +8,6 @@
     "dynamic-route": "动态路由演示",
     "hi": "你好，{name}！",
     "whats-your-name": "输入你的名字"
-  }
+  },
+  "not-found": "未找到页面"
 }
diff --git a/netlify.toml b/netlify.toml
index 09f1978..0e49dc1 100755
--- a/netlify.toml
+++ b/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 = "/*"
diff --git a/src/components/Icon.vue b/src/components/Icon.vue
index d6ce3e3..5cd0bb2 100644
--- a/src/components/Icon.vue
+++ b/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>
diff --git a/src/pages/[...all].vue b/src/pages/[...all].vue
new file mode 100755
index 0000000..80383a5
--- /dev/null
+++ b/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>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 1e85cb3..9f9bb1a 100644
--- a/src/pages/index.vue
+++ b/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'
diff --git a/tailwind.config.js b/tailwind.config.js
index a9af96e..8c84889 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,10 +9,10 @@ module.exports = {
       './src/**/*.js',
       './src/**/*.ts',
     ],
-    whitelist: [
-      'schema-dark',
-    ],
     options: {
+      whitelist: [
+        'schema-dark',
+      ],
       extractors: [
         {
           extractor,