Use other name for imported plugin

docs/.vuepress/enhanceApp.js

-import plugin from "../../src/index.js"
+import draggableGrid from "../../src/index.js";
 
 export default ({
-                    Vue, // the version of Vue being used in the VuePress app
-                    options, // the options for the root Vue instance
-                    router, // the router instance for the app
-                    siteData, // site metadata
-                    isServer // is this enhancement applied in server-rendering or client
-                }) => {
-    Vue.use(plugin);
-}
+  Vue, // the version of Vue being used in the VuePress app
+  options, // the options for the root Vue instance
+  router, // the router instance for the app
+  siteData, // site metadata
+  isServer, // is this enhancement applied in server-rendering or client
+}) => {
+  Vue.use(draggableGrid);
+};

docs/guide/index.md

@@ -10,9 +10,9 @@ Install the package `vue-draggable-grid` via your favourite package manager.
 Include the library in your project:
 
 ```javascript
-import plugin from 'vue-draggable-grid';
+import draggableGrid from "vue-draggable-grid";
 
-Vue.use(plugin);
+Vue.use(draggableGrid);
 
 // Now create your app as usual
 ```

example/src/main.js

 import Vue from "vue";
 import App from "./App.vue";
 
-import plugin from "../../src/index.js";
+import draggableGrid from "../../src/index.js";
 
 import "./assets/main.css";
 
-Vue.use(plugin);
+Vue.use(draggableGrid);
 
 new Vue({
   render: (h) => h(App),