47 lines
1.6 KiB
TypeScript
47 lines
1.6 KiB
TypeScript
|
import type { PluginOption } from 'vite'
|
||
|
|
import path from 'node:path'
|
||
|
|
import process from 'node:process'
|
||
|
|
import { FileSystemIconLoader } from 'unplugin-icons/loaders'
|
||
|
|
import IconsResolver from 'unplugin-icons/resolver'
|
||
|
|
import Icons from 'unplugin-icons/vite'
|
||
|
|
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
|
||
|
|
import Components from 'unplugin-vue-components/vite'
|
||
|
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
||
|
|
|
||
|
|
export function setupUnplugin(viteEnv: Env.ImportMeta) {
|
||
|
|
const { VITE_ICON_PREFIX, VITE_ICON_LOCAL_PREFIX } = viteEnv
|
||
|
|
|
||
|
|
const localIconPath = path.join(process.cwd(), 'src/assets/svg-icon')
|
||
|
|
|
||
|
|
/** The name of the local icon collection */
|
||
|
|
const collectionName = VITE_ICON_LOCAL_PREFIX.replace(`${VITE_ICON_PREFIX}-`, '')
|
||
|
|
|
||
|
|
const plugins: PluginOption[] = [
|
||
|
|
Icons({
|
||
|
|
compiler: 'vue3',
|
||
|
|
customCollections: {
|
||
|
|
[collectionName]: FileSystemIconLoader(localIconPath, svg =>
|
||
|
|
svg.replace(/^<svg\s/, '<svg width="1em" height="1em" ')),
|
||
|
|
},
|
||
|
|
scale: 1,
|
||
|
|
defaultClass: 'inline-block',
|
||
|
|
}),
|
||
|
|
Components({
|
||
|
|
dts: 'src/typings/components.d.ts',
|
||
|
|
types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }],
|
||
|
|
resolvers: [
|
||
|
|
NaiveUiResolver(),
|
||
|
|
IconsResolver({ customCollections: [collectionName], componentPrefix: VITE_ICON_PREFIX }),
|
||
|
|
],
|
||
|
|
}),
|
||
|
|
createSvgIconsPlugin({
|
||
|
|
iconDirs: [localIconPath],
|
||
|
|
symbolId: `${VITE_ICON_LOCAL_PREFIX}-[dir]-[name]`,
|
||
|
|
inject: 'body-last',
|
||
|
|
customDomId: '__SVG_ICON_LOCAL__',
|
||
|
|
}),
|
||
|
|
]
|
||
|
|
|
||
|
|
return plugins
|
||
|
|
}
|