diff --git a/src/client/components/Sprites.ts b/src/client/components/Sprites.ts index ebbb8ba..f162956 100644 --- a/src/client/components/Sprites.ts +++ b/src/client/components/Sprites.ts @@ -1,6 +1,5 @@ import { defineComponent, h } from 'vue' -// @ts-expect-error temp module -import { SVGIconData } from '@vuepress/plugin-svg-icons/temp' +import { SVGIconsData } from '@vuepress/plugin-svg-icons/data' export const Sprites = defineComponent({ name: 'VpIconSprites', @@ -10,7 +9,7 @@ export const Sprites = defineComponent({ h('div', { style: 'display: none;', 'data-name': '__VUEPRESS_PLUGIN_SVG_ICONS__', - innerHTML: SVGIconData, + innerHTML: SVGIconsData, }) }, }) diff --git a/src/client/shims.d.ts b/src/client/shims.d.ts new file mode 100644 index 0000000..cd1f588 --- /dev/null +++ b/src/client/shims.d.ts @@ -0,0 +1,3 @@ +declare module '@vuepress/plugin-svg-icons/data' { + export const SVGIconsData: string +} diff --git a/src/node/svgIconPlugin.ts b/src/node/svgIconPlugin.ts index ea4a798..263594c 100644 --- a/src/node/svgIconPlugin.ts +++ b/src/node/svgIconPlugin.ts @@ -24,7 +24,7 @@ export const svgIconPlugin = ({ clientConfigFile: resolve(__dirname, '../client/config.js'), alias: app => ({ - '@vuepress/plugin-svg-icons/temp': app.dir.temp('svg-icon/svg-icon'), + '@vuepress/plugin-svg-icons/data': app.dir.temp('svg-icons/data'), }), define: { @@ -40,11 +40,7 @@ export const svgIconPlugin = ({ console.error(`@goy/svg-icons: Can not find folder ${svgIconsDir}`) } - const svgIconsData = await genSvgSprites(svgIconsDir, { - prefix: iconIdPrefix, - }) - const SVGIconContent = `export const SVGIconData = '${svgIconsData}'` - - app.writeTemp('svg-icon/svg-icon.js', SVGIconContent) + const svgIconsData = await genSvgSprites(svgIconsDir, { prefix: iconIdPrefix }) + app.writeTemp('svg-icons/data.js', `export const SVGIconsData = '${svgIconsData}'`) }, })