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-components`](https://github.com/antfu/vite-plugin-components) - components auto import
- [`vite-plugin-windicss`](https://github.com/antfu/vite-plugin-windicss) - WindiCSS support - [`vite-plugin-windicss`](https://github.com/antfu/vite-plugin-windicss) - WindiCSS support
- [VueUse](https://github.com/antfu/vueuse) - collection of useful composition APIs - [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 - [`vue-global-api`](https://github.com/antfu/vue-global-api) - Use Vue Composition API globally
## Try it now! ## Try it now!

4
index.html
View File

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

1
package.json
View File

@ -7,7 +7,6 @@
}, },
"dependencies": { "dependencies": {
"@vueuse/core": "^6.0.0", "@vueuse/core": "^6.0.0",
"@vueuse/head": "^0.6.0",
"vue": "^3.2.2", "vue": "^3.2.2",
"vue-demi": "^0.11.3", "vue-demi": "^0.11.3",
"vue-global-api": "^0.4.1", "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> <template>
<main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200"> <main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
<router-view /> <router-view />

3
src/main.ts
View File

@ -3,7 +3,6 @@ import 'vue-global-api'
import { createApp } from 'vue' import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router' import { createRouter, createWebHistory } from 'vue-router'
import routes from 'virtual:generated-pages' import routes from 'virtual:generated-pages'
import { createHead } from '@vueuse/head'
import App from './App.vue' import App from './App.vue'
// windicss layers // windicss layers
@ -17,7 +16,5 @@ const router = createRouter({
history: createWebHistory(), history: createWebHistory(),
routes, routes,
}) })
const head = createHead()
app.use(head)
app.use(router) app.use(router)
app.mount('#app') app.mount('#app')

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

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