create Additional information in .vue and output to bundle
now only tested in vite
import { sfc } from 'unplugin-vue-sfcmore/vite'
export default {
plugins: [sfc()], // work both in dev and prod
}create App.vue and add custom tag
<template>
...
</template>
<docs lang="md">
## info
</docs>// ...
export function addon() {
const ret = {}
ret.docs = '##info'
return ret
}// in App.js
// ...
export async function addon() {
return (await import('./App.addon.js')).default()
}
// in App.addon.js
export default function () {
const ret = {}
ret.docs = '##info'
return ret
}you can create rule for custom tag
default extensions includes
docs,server,props,info
// docs extension
export const Docs = {
tag: 'docs',
transformer: (code: string) => {
return `${JSON.stringify(code)}`
},
}