chore: remove @vueuse/head and cleanup

userquin · Aug 16, 2021 · 541f9fb · 541f9fb
1 parent 7d3abe7
commit 541f9fb
Show file tree

Hide file tree

Showing 8 changed files with 2 additions and 26 deletions.
diff --git a/README.md b/README.md
@@ -60,7 +60,6 @@ See [Vitesse](https://github.com/antfu/vitesse) for full featureset.
 - [`vite-plugin-components`](https://github.com/antfu/vite-plugin-components) - components auto import
 - [`vite-plugin-windicss`](https://github.com/antfu/vite-plugin-windicss) - WindiCSS support
 - [VueUse](https://github.com/antfu/vueuse) - collection of useful composition APIs
-- [`@vueuse/head`](https://github.com/vueuse/head) - manipulate document head reactively
 - [`vue-global-api`](https://github.com/antfu/vue-global-api) - Use Vue Composition API globally
 
 ## Try it now!

diff --git a/index.html b/index.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
-  <link rel="apple-touch-icon" href="/pwa-192x192.png">
-  <meta name="theme-color" content="#ffffff">
+  <title>Vitesse Lite</title>
+  <meta name="description" content="Opinionated Vite Starter Template">
 </head>
 <body>
   <div id="app"></div>

diff --git a/package.json b/package.json
@@ -7,7 +7,6 @@
   },
   "dependencies": {
     "@vueuse/core": "^6.0.0",
-    "@vueuse/head": "^0.6.0",
     "vue": "^3.2.2",
     "vue-demi": "^0.11.3",
     "vue-global-api": "^0.4.1",

diff --git a/public/pwa-192x192.png b/public/pwa-192x192.png
diff --git a/public/pwa-512x512.png b/public/pwa-512x512.png
diff --git a/src/App.vue b/src/App.vue
@@ -1,17 +1,3 @@
-<script setup lang="ts">
-import { useHead } from '@vueuse/head'
-
-// https://github.com/vueuse/head
-// you can use this to manipulate the document head in any components,
-// they will be rendered correctly in the html results with vite-ssg
-useHead({
-  title: 'Vitesse Lite',
-  meta: [
-    { name: 'description', content: 'Opinionated Vite Starter Template' },
-  ],
-})
-</script>
-
 <template>
   <main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
     <router-view />

diff --git a/src/main.ts b/src/main.ts
@@ -3,7 +3,6 @@ import 'vue-global-api'
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
 import routes from 'virtual:generated-pages'
-import { createHead } from '@vueuse/head'
 import App from './App.vue'
 
 // windicss layers
@@ -17,7 +16,5 @@ const router = createRouter({
   history: createWebHistory(),
   routes,
 })
-const head = createHead()
-app.use(head)
 app.use(router)
 app.mount('#app')
diff --git a/src/pages/[...all].vue b/src/pages/[...all].vue
@@ -3,8 +3,3 @@
     Not Found
   </div>
 </template>
-
-<route lang="yaml">
-meta:
-  layout: 404
-</route>