fix: css import issue (#31)

Co-authored-by: deka <[email protected]>

Author: deka

dist/index-07e64984.mjs

@@ -1322,7 +1322,7 @@ const dn = 0.1, pn = 0.1, _n = -300, wn = 25, mn = 12, Mn = 1, Nn = 45, Sn = (t)
 });
 const Kn = {
   install(t) {
-    import("./index-07e64984.mjs"), t.component("D3NetworkGraph", Gn);
+    t.component("D3NetworkGraph", Gn);
   }
 };
 export {

dist/style.css

@@ -31,6 +31,7 @@ npm install vue-d3-network-graph@beta
 ### Install the plugin
 
 ```javascript
+import "vue-d3-network-graph/dist/style.css";
 import plugin from "vue-d3-network-graph";
 import { createApp } from "vue";
 

dist/vue-d3-network-graph.mjs

@@ -1,6 +1,6 @@
 {
   "name": "vue-d3-network-graph",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.2",
   "description": "Vue component to graph networks using d3-force",
   "author": "Deka",
   "license": "MIT",

dist/vue-d3-network-graph.umd.js

@@ -1,4 +1,5 @@
 import type { Plugin, App } from "vue";
+import "./themes/index.scss";
 
 import type {
   D3Link,
@@ -33,7 +34,6 @@ export { D3NetworkGraph };
 /** @ignore */
 export default {
   install(app: App) {
-    import("./themes/index.scss");
     app.component("D3NetworkGraph", D3NetworkGraph);
   },
 } as Plugin;

docs/README.md

@@ -25,7 +25,7 @@ export default defineConfig({
   build: {
     lib: {
       // Could also be a dictionary or array of multiple entry points
-      entry: resolve(__dirname, "src/index.ts"),
+      entry: [resolve(__dirname, "src/index.ts")],
       name: "vue-d3-network-graph",
       // the proper extensions will be added
       fileName: "vue-d3-network-graph",