Fix a 'Pre-transform error' using aliases with Vite (#8)

Author: skirtles-code

packages/create-vue-lib/src/template/playground/config/packages/playground/vite.config.mts.ejs

@@ -21,11 +21,13 @@ export default defineConfig(({ mode }): UserConfig => ({
       {
         find: '@',
         replacement: '@',
-        customResolver(source, importer) {
-          return source.replace(
+        customResolver(source, importer, options) {
+          const filePath = source.replace(
             /^@\//,
             importer?.startsWith(librarySrc) ? librarySrc : playgroundSrc
           )
+
+          return this.resolve(filePath, importer, options)
         }
       }, {
         find: '<%- config.scopedPackageName %>',

packages/create-vue-lib/src/template/vitepress/config/packages/docs/.vitepress/config.mts.ejs

@@ -4,7 +4,7 @@ import { defineConfigWithTheme } from 'vitepress'
 
 <%_ if (config.includeAtAliases) { _%>
 const librarySrc = fileURLToPath(new URL('../../<%- config.mainPackageDirName %>/src/', import.meta.url))
-const playgroundSrc = fileURLToPath(new URL('../src/', import.meta.url))
+const docsSrc = fileURLToPath(new URL('../src/', import.meta.url))
 <%_ } _%>
 
 export default ({ mode }: { mode: string }) => defineConfigWithTheme({
@@ -40,11 +40,13 @@ export default ({ mode }: { mode: string }) => defineConfigWithTheme({
         {
           find: '@',
           replacement: '@',
-          customResolver(source, importer) {
-            return source.replace(
+          customResolver(source, importer, options) {
+            const filePath = source.replace(
               /^@\//,
-              importer?.startsWith(librarySrc) ? librarySrc : playgroundSrc
+              importer?.startsWith(librarySrc) ? librarySrc : docsSrc
             )
+
+            return this.resolve(filePath, importer, options)
           }
         }, {
           find: '<%- config.scopedPackageName %>',