Fix @ aliases on Windows

Author: skirtles-code

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

@@ -1,3 +1,6 @@
+<%_ if (config.includeAtAliases) { _%>
+import { relative, sep as pathSeparator } from 'node:path'
+<%_ } _%>
 import { fileURLToPath, URL } from 'node:url'
 
 import { defineConfig, type UserConfig } from 'vite'
@@ -28,10 +31,14 @@ export default defineConfig(({ mode }): UserConfig => ({
         find: '@',
         replacement: '@',
         customResolver(source, importer, options) {
-          const filePath = source.replace(
-            /^@\//,
-            importer?.startsWith(librarySrc) ? librarySrc : playgroundSrc
-          )
+          let target = playgroundSrc
+
+          // If the importer is inside librarySrc we resolve @ to that path
+          if (importer && relative(importer, librarySrc).split(pathSeparator).every(p => p === '..')) {
+            target = librarySrc
+          }
+
+          const filePath = source.replace(/^@\//, target)
 
           return this.resolve(filePath, importer, options)
         }

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

@@ -1,3 +1,6 @@
+<%_ if (config.includeAtAliases) { _%>
+import { relative, sep as pathSeparator } from 'node:path'
+<%_ } _%>
 import { fileURLToPath, URL } from 'node:url'
 
 import { defineConfigWithTheme } from 'vitepress'
@@ -50,10 +53,14 @@ export default ({ mode }: { mode: string }) => defineConfigWithTheme({
           find: '@',
           replacement: '@',
           customResolver(source, importer, options) {
-            const filePath = source.replace(
-              /^@\//,
-              importer?.startsWith(librarySrc) ? librarySrc : docsSrc
-            )
+            let target = docsSrc
+
+            // If the importer is inside librarySrc we resolve @ to that path
+            if (importer && relative(importer, librarySrc).split(pathSeparator).every(p => p === '..')) {
+              target = librarySrc
+            }
+
+            const filePath = source.replace(/^@\//, target)
 
             return this.resolve(filePath, importer, options)
           }