chore: update vscode extensions

.vscode/extensions.json

@@ -2,7 +2,8 @@
   "recommendations": [
     "octref.vetur",
     "antfu.i18n-ally",
+    "antfu.iconify",
     "dbaeumer.vscode-eslint",
     "bradlc.vscode-tailwindcss"
   ]
-}
+}

README.md

@@ -64,15 +64,24 @@
 
 ### Dev tools
 
-- [Typescript](https://www.typescriptlang.org/)
+- [TypeScript](https://www.typescriptlang.org/)
 - [pnpm](https://pnpm.js.org/) - fast, disk space efficient package manager
-- [Netlify](https://www.netlify.com/) - deploy.
+- [Netlify](https://www.netlify.com/) - deploy
 - [VS Code Extensions](./.vscode/extensions.json)
+  - [Iconify IntelliSense](https://marketplace.visualstudio.com/items?itemName=antfu.iconify)
+  - [i18n Ally](https://marketplace.visualstudio.com/items?itemName=antfu.i18n-ally)
+  - [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
+  - [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur)
+  - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
 
 ## Try it now!
 
+### Github Template
+
 [Create a repo from this template on Github](https://github.com/antfu/vitesse/generate).
 
+### Clone to Local
+
 Or if you prefers do to manually with cleaner git history
 
 ```bash

src/components/Footer.vue

@@ -1,34 +1,15 @@
 <template>
   <div class="text-xl mt-6">
-    <div
+    <div class="icon-btn mx-2" @click="isDark = !isDark">
-      class="icon-btn mx-2"
+      <Icon :icon="isDark ? 'carbon:moon' : 'carbon:sun'" class="inline-block" />
-      @click="isDark = !isDark"
-    >
-      <Icon
-        class="inline-block"
-        :icon="isDark ? 'carbon:moon' : 'carbon:sun'"
-      />
     </div>
 
-    <div
+    <div class="icon-btn mx-2" @click="toggleLocales">
-      class="icon-btn mx-2"
+      <Icon icon="carbon:language" class="inline-block" />
-      @click="toggleLocales"
-    >
-      <Icon
-        class="inline-block"
-        icon="carbon:language"
-      />
     </div>
 
-    <a
+    <a class="icon-btn mx-2" href="https://github.com/antfu/vitesse" target="_blank">
-      class="icon-btn mx-2"
+      <Icon icon="carbon:code" class="inline-block" />
-      href="https://github.com/antfu/vitesse"
-      target="_blank"
-    >
-      <Icon
-        class="inline-block"
-        icon="carbon:code"
-      />
     </a>
   </div>
 </template>