Use vite for building

package.json

@@ -2,7 +2,7 @@
   "name": "vue-draggable-grid",
   "version": "1.0.0",
   "scripts": {
-    "build": "rollup -c",
+    "build": "vite build",
     "example:build": "vite build example",
     "example:dev": "vite example",
     "example:preview": "vite preview example --port 4173",

rollup.config.mjs → vite.config.js

-import vue from "rollup-plugin-vue";
+// vite.config.js
+import vue from "@vitejs/plugin-vue2";
+import { defineConfig } from "vite";
+import { resolve } from "path";
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
 
-export default [
-  {
-    input: "src/index.js",
+export default defineConfig({
+  plugins: [vue(), peerDepsExternal()],
+  build: {
+    lib: {
+      /* eslint-env node */
+      entry: resolve(__dirname, "src/index.js"),
+      name: "vue-draggable-grid",
+    },
     output: [
       {
         format: "esm",
@@ -14,6 +22,12 @@ export default [
         file: "dist/vue-draggable-grid.js",
       },
     ],
-    plugins: [vue(), peerDepsExternal()],
+    rollupOptions: {
+      output: {
+        globals: {
+          vue: "Vue",
+        },
+      },
+    },
   },
-];
+});