update packages correct .vue imports

Author: samuelcolvin

package.json

@@ -74,11 +74,11 @@
     "sinon": "^1.17.3",
     "sinon-chai": "^2.8.0",
     "url-loader": "^0.5.7",
-    "vue": "^2.1.0",
-    "vue-loader": "^10.0.0",
-    "vue-router": "^2.1.1",
-    "vue-style-loader": "^1.0.0",
-    "vue-template-compiler": "^2.1.0",
+    "vue": "^2.2.1",
+    "vue-loader": "^11.1.4",
+    "vue-router": "^2.3.0",
+    "vue-style-loader": "^2.0.3",
+    "vue-template-compiler": "^2.2.1",
     "webpack": "^1.13.2",
     "webpack-dev-middleware": "^1.8.3",
     "webpack-hot-middleware": "^2.12.2",

src/components/con-details.vue

@@ -25,10 +25,9 @@
 </template>
 
 <script>
-var utils = require('../utils')
+import {to_markdown} from '../utils'
 
 export default {
-  name: 'con-details',
   methods: {
     filter_qual_levels: (skills) => {
       if (skills.length <= 5) {
@@ -37,7 +36,7 @@ export default {
         return skills.slice(0, 2).concat(['...']).concat(skills.slice(-2))
       }
     },
-    to_markdown: utils.to_markdown
+    to_markdown: to_markdown
   },
   props: ['contractor'],
   computed: {

src/components/con-modal.vue

@@ -63,12 +63,11 @@
 </template>
 
 <script>
-var con_details = require('./con-details')
-var enquiry = require('./enquiry')
-var footer = require('./footer')
+import con_details from './con-details.vue'
+import enquiry from './enquiry.vue'
+import footer from './footer.vue'
 
 export default {
-  name: 'con-modal',
   methods: {
     close: function () {
       this.$router.push({name: 'index'})
@@ -236,7 +235,7 @@ svg.tcs-svg {
 
 // auto applied:
 
-.tcs-modal-trans-enter, .tcs-modal-trans-leave-active {
+.tcs-modal-trans-enter, .tcs-modal-trans-leave-to {
   opacity: 0;
   .tcs-modal {
     transform: translate(0, 40px);
@@ -247,7 +246,7 @@ svg.tcs-svg {
   transition: all .3s ease-out;
 }
 
-.tcs-squeeze-enter, .tcs-squeeze-leave-active {
+.tcs-squeeze-enter, .tcs-squeeze-leave-to {
   opacity: 0;
   transform: translate(0, -20px);
 }

src/components/enquiry.vue

@@ -23,10 +23,9 @@
 </template>
 
 <script>
-var input = require('./input')
+import input from './input.vue'
 
 export default {
-  name: 'enquiry',
   props: ['contractor'],
   components: {
     'input_': input

src/components/footer.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script>
-export default {name: 'footer'}
+export default {}
 </script>
 
 <style lang="scss">

src/components/grid.vue

@@ -12,7 +12,6 @@
 
 <script>
 export default {
-  name: 'grid',
   created: function () {
     // called here so get_data can be passed an argument for extra pages
     this.$root.get_list()

src/components/input.vue

@@ -22,7 +22,6 @@
 
 <script>
 export default {
-  name: 'input',
   props: {
     field: Object,
     prefix: {