Initial commit

.gitignore

+node_modules
+dist
+package-lock.json
+docs/.vuepress/dist
+.idea
\ No newline at end of file

docs/.vuepress/config.js

+module.exports = {
+    title: 'vue-draggable-grid',
+    description: 'vue-draggable-grid component library for a draggable grid',
+    themeConfig: {
+        sidebar: [
+            {
+                title: 'Components',
+                collapsable: false,
+                children: [
+                    '/components/component.md',
+                ]
+            }
+        ]
+    }
+}
\ No newline at end of file

docs/README.md

+# vue-draggable-grid
+
+Document the library here.
+
+### Installation
+
+$ npm install vue-draggable-grid
\ No newline at end of file

docs/components/component.md

+# component
+
+`Component` is a cool component. Here's how to use it...
+
+<template>
+  <component />
+</template>
\ No newline at end of file

package.json

+{
+  "name": "vue-draggable-grid",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "rollup -c",
+    "docs:dev": "vuepress dev docs",
+    "docs:build": "vuepress build docs"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "main": "dist/vue-draggable-grid.js",
+  "module": "dist/vue-draggable-grid.mjs",
+  "files": [
+    "dist/*"
+  ],
+  "peerDependencies": {
+    "vue": "^2.7.14"
+  },
+  "devDependencies": {
+    "rollup": "^3.12.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-vue": "^6.0.0",
+    "vuepress": "^1.9.8"
+  }
+}

rollup.config.mjs

+import vue from 'rollup-plugin-vue'
+import peerDepsExternal from 'rollup-plugin-peer-deps-external'
+
+export default [
+    {
+        input: 'src/index.js',
+        output: [
+            {
+                format: 'esm',
+                file: 'dist/vue-draggable-grid.mjs'
+            },
+            {
+                format: 'cjs',
+                file: 'dist/vue-draggable-grid.js'
+            }
+        ],
+        plugins: [
+            vue(), peerDepsExternal()
+        ]
+    }
+]
\ No newline at end of file

src/Component.vue

+<template>
+  <div/>
+</template>
+<script>
+export default {
+  name: 'Component'
+}
+</script>
\ No newline at end of file

src/components.js

+import Component from "./Component.vue";
+
+export default {Component};

src/index.js

+import components from "./components";
+
+const plugin = {
+    install(Vue) {
+        for (const prop in components) {
+            if (components.hasOwnProperty(prop)) {
+                const component = components[prop];
+                Vue.component(component.name, component);
+            }
+        }
+    }
+}
+
+export default plugin;
\ No newline at end of file