update package.json + linting

Author: David-Desmaisons

example/App.vue

@@ -1,14 +1,8 @@
 <template>
   <div id="app">
-    <img
-      alt="Vue logo"
-      src="./assets/logo.png"
-    />
+    <img alt="Vue logo" src="./assets/logo.png" />
     <div class="container ">
-      <ul
-        class="nav nav-tabs"
-        role="tablist"
-      >
+      <ul class="nav nav-tabs" role="tablist">
         <li class="nav-item">
           <a
             class="nav-link active"
@@ -17,7 +11,8 @@
             role="tab"
             aria-controls="profile"
             aria-selected="true"
-          >Simple</a>
+            >Simple</a
+          >
         </li>
 
         <li class="nav-item">
@@ -28,7 +23,8 @@
             role="tab"
             aria-controls="profile"
             aria-selected="false"
-          >Two Lists</a>
+            >Two Lists</a
+          >
         </li>
 
         <li class="nav-item">
@@ -39,7 +35,8 @@
             role="tab"
             aria-controls="profile"
             aria-selected="false"
-          >Clone</a>
+            >Clone</a
+          >
         </li>
 
         <li class="nav-item">
@@ -50,7 +47,8 @@
             role="tab"
             aria-controls="profile"
             aria-selected="false"
-          >Handler</a>
+            >Handler</a
+          >
         </li>
 
         <li class="nav-item">
@@ -61,7 +59,8 @@
             role="tab"
             aria-controls="profile"
             aria-selected="false"
-          >Transition</a>
+            >Transition</a
+          >
         </li>
 
         <li class="nav-item">
@@ -72,7 +71,8 @@
             role="tab"
             aria-controls="profile"
             aria-selected="false"
-          >Transitions</a>
+            >Transitions</a
+          >
         </li>
 
         <li class="nav-item">
@@ -83,7 +83,8 @@
             role="tab"
             aria-controls="profile"
             aria-selected="false"
-          >Footer slot</a>
+            >Footer slot</a
+          >
         </li>
 
         <li class="nav-item">
@@ -94,15 +95,12 @@
             role="tab"
             aria-controls="profile"
             aria-selected="false"
-          >Header slot</a>
+            >Header slot</a
+          >
         </li>
-
       </ul>
 
-      <div
-        class="tab-content"
-        id="tab-content"
-      >
+      <div class="tab-content" id="tab-content">
         <div
           class="tab-pane show active"
           id="simple"
@@ -166,7 +164,7 @@
           <transition-example />
         </div>
 
-         <div
+        <div
           class="tab-pane show"
           id="transitions"
           role="tabpanel"
@@ -189,7 +187,6 @@ import handler from "./components/handler";
 import transitionExample from "./components/transition-example";
 import transitionExample2 from "./components/transition-example-2";
 
-
 export default {
   name: "app",
   components: {

example/components/transition-example-2.vue

@@ -1,12 +1,10 @@
 <template>
   <div class="justify-content-center jumbotron">
     <div class="row">
-
       <div class="col-2">
-        <button
-          class="btn btn-secondary button"
-          @click="sort"
-        >To original order</button>
+        <button class="btn btn-secondary button" @click="sort">
+          To original order
+        </button>
       </div>
 
       <div class="col-6">
@@ -21,7 +19,7 @@
         >
           <transition-group
             type="transition"
-             :name="!drag? 'flip-list' : null"
+            :name="!drag ? 'flip-list' : null"
           >
             <li
               class="list-group-item"
@@ -30,8 +28,8 @@
             >
               <i
                 :class="
-                element.fixed ? 'fa fa-anchor' : 'glyphicon glyphicon-pushpin'
-              "
+                  element.fixed ? 'fa fa-anchor' : 'glyphicon glyphicon-pushpin'
+                "
                 @click="element.fixed = !element.fixed"
                 aria-hidden="true"
               ></i>
@@ -41,15 +39,9 @@
         </draggable>
       </div>
 
-      <rawDisplayer
-        class="col-3"
-        :value="list"
-        title="List"
-      />
-
+      <rawDisplayer class="col-3" :value="list" title="List" />
     </div>
   </div>
-
 </template>
 
 <script>
@@ -81,9 +73,9 @@ export default {
       drag: false
     };
   },
-  methods:{
-    sort(){
-      this.list = this.list.sort((a,b) => a.order - b.order);
+  methods: {
+    sort() {
+      this.list = this.list.sort((a, b) => a.order - b.order);
     }
   },
   computed: {

example/components/transition-example.vue

@@ -1,12 +1,10 @@
 <template>
   <div class="justify-content-center jumbotron">
     <div class="row">
-
       <div class="col-2">
-        <button
-          class="btn btn-secondary button"
-          @click="sort"
-        >To original order</button>
+        <button class="btn btn-secondary button" @click="sort">
+          To original order
+        </button>
       </div>
 
       <div class="col-6">
@@ -19,19 +17,16 @@
           @start="isDragging = true"
           @end="isDragging = false"
         >
-          <transition-group
-            type="transition"
-            :name="'flip-list'"
-          >
+          <transition-group type="transition" :name="'flip-list'">
             <li
               class="list-group-item"
               v-for="element in list"
               :key="element.order"
             >
               <i
                 :class="
-                element.fixed ? 'fa fa-anchor' : 'glyphicon glyphicon-pushpin'
-              "
+                  element.fixed ? 'fa fa-anchor' : 'glyphicon glyphicon-pushpin'
+                "
                 @click="element.fixed = !element.fixed"
                 aria-hidden="true"
               ></i>
@@ -41,15 +36,9 @@
         </draggable>
       </div>
 
-      <rawDisplayer
-        class="col-3"
-        :value="list"
-        title="List"
-      />
-
+      <rawDisplayer class="col-3" :value="list" title="List" />
     </div>
   </div>
-
 </template>
 
 <script>
@@ -80,9 +69,9 @@ export default {
       })
     };
   },
-  methods:{
-    sort(){
-      this.list = this.list.sort((a,b) => a.order - b.order);
+  methods: {
+    sort() {
+      this.list = this.list.sort((a, b) => a.order - b.order);
     }
   },
   computed: {

package.json

@@ -11,6 +11,16 @@
     "prepublishOnly": "npm run lint && npm run build",
     "test:unit": "vue-cli-service test:unit"
   },
+  "keywords": [
+    "vue",
+    "vuejs",
+    "drag",
+    "and",
+    "drop",
+    "list",
+    "Sortable.js",
+    "component"
+  ],
   "dependencies": {
     "sortablejs": "^1.8.3",
     "vue": "^2.5.22"
@@ -87,9 +97,5 @@
     "dist/*.js",
     "src/*"
   ],
-  "keywords": [
-    "vue",
-    "component"
-  ],
   "module": "dist/vuedraggable.common.min.js"
-}
+}