fix: style.css export undefined

Author: odiffey

package-lock.json

@@ -20,12 +20,14 @@
     ".": {
       "import": "./dist/vue-draggable-list.js",
       "require": "./dist/vue-draggable-list.umd.cjs"
-    }
+    },
+    "./dist/style.css": "./dist/style.css"
   },
   "dependencies": {
     "vue": "^3.2.37"
   },
   "devDependencies": {
+    "@types/node": "^18.7.8",
     "@typescript-eslint/eslint-plugin": "^5.33.0",
     "@typescript-eslint/parser": "^5.33.0",
     "@vitejs/plugin-vue": "^3.0.3",

package.json

@@ -251,9 +251,7 @@ window.addEventListener("touchmove", () => {});
 
 <style lang="css">
 @import "mobile-drag-drop/default.css";
-</style>
 
-<style lang="css">
 .draggable-item[draggable="true"] {
     cursor: move;
 }

src/components/DraggableList.vue

@@ -1,3 +1,4 @@
+import path from "path";
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 
@@ -7,7 +8,7 @@ export default defineConfig({
         target: "esnext",
         minify: "terser",
         lib: {
-            entry: "./lib/main.ts",
+            entry: path.resolve(__dirname, "lib/main.ts"),
             name: "vue-draggable-list",
             // the proper extensions will be added
             fileName: "vue-draggable-list"