diff --git a/packages/histoire-plugin-vue/src/index.ts b/packages/histoire-plugin-vue/src/index.ts index 0e6b6590..865c8973 100644 --- a/packages/histoire-plugin-vue/src/index.ts +++ b/packages/histoire-plugin-vue/src/index.ts @@ -23,7 +23,7 @@ export function HstVue (): Plugin { moduleName: '@histoire/plugin-vue', setupFn: 'setupVue3', importStoriesPrepend: `import { defineAsyncComponent as defineAsyncComponentVue3 } from 'vue'`, - importStoryComponent: (file, index) => `const Comp${index} = defineAsyncComponentVue3(() => import('${file.path}'))`, + importStoryComponent: (file, index) => `const Comp${index} = defineAsyncComponentVue3(() => import(${JSON.stringify(file.path)}))`, }, } } diff --git a/packages/histoire-plugin-vue2/src/index.ts b/packages/histoire-plugin-vue2/src/index.ts index 928cd5e1..b53d0bd2 100644 --- a/packages/histoire-plugin-vue2/src/index.ts +++ b/packages/histoire-plugin-vue2/src/index.ts @@ -21,7 +21,7 @@ export function HstVue (): Plugin { id: 'vue2', moduleName: '@histoire/plugin-vue2', setupFn: 'setupVue2', - importStoryComponent: (file, index) => `const Comp${index} = () => import('${file.path}')`, + importStoryComponent: (file, index) => `const Comp${index} = () => import(${JSON.stringify(file.path)})`, }, } } diff --git a/packages/histoire/src/node/builtin-plugins/vanilla-support/plugin.ts b/packages/histoire/src/node/builtin-plugins/vanilla-support/plugin.ts index ed70b714..1937cadd 100644 --- a/packages/histoire/src/node/builtin-plugins/vanilla-support/plugin.ts +++ b/packages/histoire/src/node/builtin-plugins/vanilla-support/plugin.ts @@ -24,7 +24,7 @@ export function vanillaSupport (): Plugin { id: 'vanilla', moduleName: __dirname, setupFn: 'setupVanilla', - importStoryComponent: (file, index) => `import Comp${index} from '${file.path}'`, + importStoryComponent: (file, index) => `import Comp${index} from ${JSON.stringify(file.path)}`, // @TODO code-splitting }, // onDev (api) {