chore: fixes

src/components/Footer.vue

@@ -10,6 +10,16 @@
       />
     </div>
 
+    <div
+      class="icon-btn mx-2"
+      @click="toggleLocales"
+    >
+      <Icon
+        class="inline-block"
+        icon="carbon:language"
+      />
+    </div>
+
     <a
       class="icon-btn mx-2"
       href="https://github.com/antfu/vitesse"
@@ -20,16 +30,6 @@
         icon="carbon:code"
       />
     </a>
-
-    <div
-      class="icon-btn mx-2"
-      @click="toggleLocales"
-    >
-      <Icon
-        class="inline-block"
-        icon="carbon:globe"
-      />
-    </div>
   </div>
 </template>
 

src/components/Icon.vue

@@ -17,6 +17,7 @@ const update = async() => {
     await nextTick()
     const svg = Iconify.renderSVG(props.icon, {})
     if (svg) {
+      el.value.textContent = ''
       el.value.appendChild(svg)
     }
     else {

src/pages/hi/[name].vue

@@ -7,6 +7,9 @@
     <p>
       {{ t('intro.hi', {name}) }}
     </p>
+    <p class="text-sm opacity-50">
+      <em>{{ t('intro.dynamic-route') }}</em>
+    </p>
 
     <div>
       <button

src/pages/index.vue

@@ -5,7 +5,12 @@
       <Icon class="iconify inline-block" icon="carbon:campsite" />
     </p>
     <p>
-      Vitesse
+      <a href="https://github.com/antfu/vitesse" target="_blank">
+        Vitesse
+      </a>
+    </p>
+    <p class="text-sm opacity-50">
+      <em>{{ t('intro.desc') }}</em>
     </p>
 
     <div class="py-4" />
@@ -13,7 +18,8 @@
     <input
       v-model="name"
       :placeholder="t('intro.whats-your-name')"
-      class="px-4 py-2 border border-gray-200 rounded text-center outline-none active:outline-none bg-transparent dark:border-gray-700"
+      class="px-4 py-2 border border-gray-200 rounded text-center text-sm outline-none active:outline-none bg-transparent dark:border-gray-700"
+      style="width: 250px"
       @keydown.enter="go"
     >
 

src/utils/dark.ts

@@ -18,9 +18,6 @@ export const isDark = computed({
 
 watch(
   isDark,
-  (v) => {
-    const html = document.documentElement
-    html.classList.toggle('schema-dark', v)
-  },
+  v => document.documentElement.classList.toggle('schema-dark', v),
   { immediate: true },
 )