vite-plugin-auto-meta
Automatically generate <meta> or personalized genrate <meta>
This plugin is a Vite Plugin, and you should use in Vite Project. By the way, it support Vue2
, Vue3
, React
... When your project is Vite Project, you can use it to generate <meta>
data.
This plugin can automatically generate keywords by descriptions when the keywords attribute is null. But now the feature only support english, i will try it support more languages on next time.
Welcome to contrubute code here.
Usage
Install
I suggest using pnpm to install because it can quickly install npm package and reuse installed package.
pnpm install unplugin-auto-meta
# or
npm install unplugin-auto-meta
# or
yarn add unplugin-auto-meta
Using
In vite.config.js / vite.config.ts
This is no names
, httpEquivs
and charset
usage, see bellow:
import UnpluginAutoMeta from 'unplugin-auto-meta'
export default defineConfig({
plugins: [
vue(),
UnpluginAutoMeta({
name: 'vite-vue3',
description: 'This is an amusing project, show us contents about vue3 and vite.',
author: 'qinghuan',
})
],
})
This is have names
, httpEquivs
and charset
usage, if you set author(description, keywords) in names
that can overflow name
, author
, description
see bellow:
import UnpluginAutoMeta from 'unplugin-auto-meta'
const options = {
names: [
{ key: 'author', value: 'qinghuan22' },
],
httpEquivs: [
{ key: 'Content-Security-Policy', content: "default-src 'self'; img-src https://*; child-src 'none';" },
]
}
export default defineConfig({
plugins: [
vue(),
UnpluginAutoMeta({
name: 'vite-vue3',
description: 'This is an amusing project, show us contents about vue3 and vite.',
author: 'qinghuan',
...options
})
],
})