zephyr/zephyr-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: remove @vueuse/head and cleanup

Browse Source
This commit is contained in:
Anthony Fu 2021-08-16 09:41:22 +08:00
parent 7d3abe7aac
commit 541f9fbc01
8 changed files with 2 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -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!

4
index.html
View File

@ -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>

1
package.json
View File

@ -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",

BIN
public/pwa-192x192.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.8 KiB

BIN
public/pwa-512x512.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

14
src/App.vue
View File

@ -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 />

3
src/main.ts
View File

@ -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')

5
src/pages/[...all].vue
View File

@ -3,8 +3,3 @@
Not Found
</div>
</template>
<route lang="yaml">
meta:
layout: 404
</route>