fix: fixed rollup resolve issues on build

added a new alias `@root` to be the root src folder

Author: oumoussa98

demo/src/main.js

@@ -1,7 +1,7 @@
 import { createApp } from "vue";
 import App from "./App.vue";
 
-import InfiniteLoading from "../../src/components/InfiniteLoading.vue";
+import InfiniteLoading from "@root/components/InfiniteLoading.vue";
 
 const app = createApp(App);
 

demo/vite.config.js

@@ -1,10 +1,14 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
+import { fileURLToPath, URL } from "node:url";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
-  alias: {
-    "@parent/": require("path").resolve(__dirname, "../../"),
+  resolve: {
+    alias: {
+      "@root": fileURLToPath(new URL("../src", import.meta.url)),
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
   },
 });

src/components/InfiniteLoading.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import type { Props, Params, State, StateHandler } from "../types";
+import type { Props, Params, State, StateHandler } from "@root/types";
 import { onMounted, ref, toRefs, onUnmounted, watch, nextTick } from "vue";
-import { startObserver, getParentEl, isVisible } from "../utils";
+import { startObserver, getParentEl, isVisible } from "@root/utils";
 // @ts-ignore
 import Spinner from "./Spinner.vue";
 

tsconfig.json

@@ -6,7 +6,7 @@
     "declaration": true,
     "outDir": "lib",
     "declarationDir": "lib",
-    "paths": { "@/*": ["./src/*"] },
+    "paths": { "@root/*": ["./src/*"] },
     "baseUrl": "."
   }
 }

vite.config.ts

@@ -1,4 +1,5 @@
-import path from "path";
+import { fileURLToPath, URL } from "node:url";
+import path from "node:path";
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import dts from "vite-plugin-dts";
@@ -28,4 +29,9 @@ export default defineConfig({
       formats: ["es", "umd"],
     },
   },
+  resolve: {
+    alias: {
+      "@root": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
 });