[CLEAN]: dependencies

README.md

@@ -8,16 +8,16 @@ Layout grid system in VueJs, see also:
 
 ## Introduction
 
-This component for creating a dashboard more simply. All config of the dashboard will be saved in the vuex module `LayoutGrid`. In any component of
+This component is for creating a dashboard more simply. All config of the dashboard will be saved in the vuex module `LayoutGrid`. In any component of
 your SPA, you can add a new item or delete one. I've also added some new features:
 
 - `table mode`
 - `json/csv download`
-- `UI`
+- `UI design`
 
-This component use `jbaysolutions/vue-grid-layout` internally and makes it more simple to use, that means the layout is controled in vuex and
-every time we need to add a new item. We just to specify the `title`, `is`, `w`, `h` and `data`. It will calculate automatically the next position
-and the `i` indentifier.
+This component use `jbaysolutions/vue-grid-layout` internally and makes it simpler to use, that means the layout is controlled in vuex and every time
+when we need to add a new item. We just need to specify the `title`, `is`, `w`, `h` and `data`. It will calculate automatically the next position and
+also the identifier `i` .
 
 
 ## Installation

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-layout-grid",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "layout gridster with vue",
   "main": "dist/LayoutGrid.min.js",
   "scripts": {
@@ -22,11 +22,8 @@
     "buefy"
   ],
   "dependencies": {
-    "blueimp-canvas-to-blob": "^3.14.0",
     "buefy": "^0.6.3",
-    "file-saver": "^1.3.8",
     "lodash": "^4.17.5",
-    "uuid": "^3.2.1",
     "vue": "^2.5.13",
     "vue-grid-layout": "^2.1.13",
     "vuex": "^3.0.1"

src/components/LayoutGrid/LayoutGrid.vue

@@ -94,11 +94,9 @@
 <script>
     /* eslint-disable */
     import VueGridLayout from 'vue-grid-layout';
-    import {mapMutations, mapState} from 'vuex';
+    import { mapMutations, mapState } from 'vuex';
     import Emotion from './Emotion';
     import Table from './Table';
-    import { getSVGString, svgString2Image } from '../../utils/svg2png';
-    import { saveAs } from 'file-saver/FileSaver';
 
     const isObject            = o   => String(o) === '[object Object]';
     const isArrayAndHasLength = arr => Array.isArray(arr) && arr.length > 0;
@@ -215,17 +213,6 @@
 
                 if (isFunction(component.safeDraw) && isDisplay(el)) component.safeDraw();
             },
-            download(ev, title) {
-                const svg = this.getLayoutGridItem(ev).querySelector('svg'),
-                    { width, height } = svg.getBBox();
-
-                const svgString = getSVGString(svg);
-                svgString2Image( svgString, 2 * width, 2 * height, 'png', save);
-
-                function save( dataBlob, filesize ){
-                    saveAs( dataBlob, title);
-                }
-            },
             onMove(i, x, y) {
                 this.$emit('move', i, x, y);
             },

src/store/LayoutGridStore.js

@@ -1,13 +1,10 @@
 /* eslint-disable */
 import {
     cloneLayoutItem,
-    cloneLayout,
     calculateXYI,
     findLayoutItemIndex,
 } from '../utils';
 
-import _ from 'lodash';
-
 const namespaced = true;
 
 const state = {