Make coverage work

.editorconfig

@@ -1,5 +1,6 @@
 [*.{js,jsx,ts,tsx,vue}]
 indent_style = space
-indent_size = 4
+indent_size = 2
+end_of_line = lf
 trim_trailing_whitespace = true
 insert_final_newline = true

babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
   presets: [
     '@vue/app',
-  ]
+  ],
 }

jest.config.js

@@ -20,7 +20,6 @@ module.exports = {
     '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)',
   ],
   testURL: 'http://localhost/',
-  collectCoverage: true,
   collectCoverageFrom: [
     '**/*.vue',
   ],

src/components/BaseButton.vue

@@ -11,9 +11,12 @@ export default {
     text: {
       type: String,
       required: false,
-      default: 'Submit'
-    }
-  }
+      default: 'Submit',
+    },
+  },
+  data () {
+    return {}
+  },
 }
 </script>
 

src/components/BaseHeading.vue

@@ -11,9 +11,12 @@ export default {
     level: {
       required: false,
       default: 1,
-      type: Number
-    }
-  }
+      type: Number,
+    },
+  },
+  data () {
+    return {}
+  },
 }
 </script>
 

src/components/BaseLink.vue

@@ -15,24 +15,27 @@ export default {
   props: {
     href: {
       type: String,
-      required: true
+      required: true,
     },
     external: {
       type: Boolean,
       required: false,
-      default: true
+      default: true,
     },
     clean: {
       type: Boolean,
       required: false,
-      default: false
+      default: false,
     }
   },
   computed: {
     rel () {
-      return this.external ? 'noopener noindex nofollow' : false;
-    }
-  }
+      return this.external ? 'noopener noindex nofollow' : false
+    },
+  },
+  data () {
+    return {}
+  },
 }
 </script>
 

src/components/BaseNav.vue

@@ -56,25 +56,28 @@
 </template>
 
 <script>
-import BaseLink from '@/components/BaseLink';
+import BaseLink from '@/components/BaseLink'
 
 export default {
   name: 'BaseNav',
   components: {
-    BaseLink
+    BaseLink,
   },
   props: {
     links: {
       type: Array,
-      required: true
+      required: true,
     }
   },
   computed: {
     activeLinks () {
       const currentRoute = this.$route.name
       return this.links.filter(link => link.to !== currentRoute)
-    }
-  }
+    },
+  },
+  data () {
+    return {}
+  },
 }
 </script>
 

src/components/BaseParagraph.vue

@@ -6,13 +6,16 @@
 
 <script>
 export default {
-    name: 'BaseParagraph',
-    props: {
-        lead: {
-            type: Boolean,
-            default: false
-        }
-    }
+  name: 'BaseParagraph',
+  props: {
+    lead: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data () {
+    return {}
+  },
 }
 </script>
 

src/components/BookAnnouncement.vue

@@ -37,19 +37,22 @@ import BaseParagraph from '@/components/BaseParagraph'
 import ResponsiveImage from '@/components/ResponsiveImage'
 
 export default {
-    name: 'BookAnnouncement',
-    components: {
-        BaseHeading,
-        BaseLink,
-        BaseParagraph,
-        ResponsiveImage,
-    },
-    computed: {
-        dealAvailable () {
-            const rightNow = new Date()
-            return rightNow.getMonth() === 0 || (rightNow.getMonth() === 1 && rightNow.getDate() <= 7)
-        },
+  name: 'BookAnnouncement',
+  components: {
+    BaseHeading,
+    BaseLink,
+    BaseParagraph,
+    ResponsiveImage,
+  },
+  computed: {
+    dealAvailable () {
+      const rightNow = new Date()
+      return rightNow.getMonth() === 0 || (rightNow.getMonth() === 1 && rightNow.getDate() <= 7)
     },
+  },
+  data () {
+    return {}
+  },
 }
 </script>
 

src/components/Card.vue

@@ -23,13 +23,16 @@
 </template>
 
 <script>
-import BaseParagraph from '@/components/BaseParagraph';
+import BaseParagraph from '@/components/BaseParagraph'
 
 export default {
   name: 'Card',
   components: {
-    BaseParagraph
-  }
+    BaseParagraph,
+  },
+  data () {
+    return {}
+  },
 }
 </script>
 

src/components/NetlifyForm.vue

@@ -36,19 +36,22 @@ import BaseButton from '@/components/BaseButton'
 export default {
   name: 'NetlifyForm',
   components: {
-    BaseButton
+    BaseButton,
   },
   props: {
     formName: {
       type: String,
-      required: true
+      required: true,
     },
     submitButtonText: {
       type: String,
       required: false,
-      default: 'Submit'
+      default: 'Submit',
     }
-  }
+  },
+  data () {
+    return {}
+  },
 }
 </script>
 

src/components/RadarPlot.vue

@@ -53,41 +53,41 @@ export default {
     levels: {
       type: Number,
       required: false,
-      default: 3
+      default: 3,
     },
     characteristics: {
       type: Array,
-      required: true
+      required: true,
     },
     color: {
       type: String,
-      default: 'var(--blue)'
+      default: 'var(--blue)',
     }
   },
   data () {
     return {
       size: 500,
-      graphicMultiplier: 0.75
+      graphicMultiplier: 0.75,
     }
   },
   computed: {
     radsBetweenAxes () {
-      return 2 * Math.PI / this.characteristics.length;
+      return 2 * Math.PI / this.characteristics.length
     },
     graphicSize () {
-      return this.size * this.graphicMultiplier;
+      return this.size * this.graphicMultiplier
     },
     points () {
-      let points = [];
+      let points = []
       this.characteristics.forEach((characteristic) => {
         let pointX = Math.cos(this.radsForCharacteristic(characteristic)) * this.graphicSize / 2 * (characteristic.score / this.levels),
-            pointY = Math.sin(this.radsForCharacteristic(characteristic)) * this.graphicSize / 2 * (characteristic.score / this.levels);
+            pointY = Math.sin(this.radsForCharacteristic(characteristic)) * this.graphicSize / 2 * (characteristic.score / this.levels)
 
-        points.push(`${pointX},${pointY}`);
+        points.push(`${pointX},${pointY}`)
       });
 
-      return points.join(" ");
-    }
+      return points.join(" ")
+    },
   },
   methods: {
     radsForCharacteristic (characteristic) {

src/components/ResponsiveImage.vue

@@ -11,13 +11,16 @@ export default {
   props: {
     src: {
       type: String,
-      required: true
+      required: true,
     },
     alt: {
       type: String,
-      required: true
-    }
-  }
+      required: true,
+    },
+  },
+  data () {
+    return {}
+  },
 }
 </script>
 

src/components/Timeline.vue

@@ -42,14 +42,17 @@ export default {
   name: 'Timeline',
   components: {
     BaseParagraph,
-    ResponsiveImage
+    ResponsiveImage,
   },
   props: {
     entries: {
       type: Array,
       required: true,
     }
-  }
+  },
+  data () {
+    return {}
+  },
 }
 </script>
 

src/components/YouTubeEmbed.vue

@@ -15,9 +15,12 @@ export default {
   props: {
     videoId: {
       type: String,
-      required: true
+      required: true,
     }
-  }
+  },
+  data () {
+    return {}
+  },
 }
 </script>
 

src/main.js

@@ -12,12 +12,12 @@ Vue.use(VueAnalytics, {
   router,
   debug: {
     enabled: process.env.NODE_ENV !== 'production',
-    sendHitTask: process.env.NODE_ENV === 'production'
-  }
+    sendHitTask: process.env.NODE_ENV === 'production',
+  },
 })
 
 new Vue({
   router,
   store,
-  render: h => h(App)
+  render: h => h(App),
 }).$mount('#app')

vue.config.js

@@ -1,5 +1,5 @@
-const path = require('path');
-const PrerenderSpaPlugin = require('prerender-spa-plugin');
+const path = require('path')
+const PrerenderSpaPlugin = require('prerender-spa-plugin')
 
 const productionPlugins = [
   new PrerenderSpaPlugin({
@@ -12,13 +12,13 @@ const productionPlugins = [
         '/talks',
     ],
   }),
-];
+]
 
 module.exports = {
   lintOnSave: false,
   configureWebpack: (config) => {
     if (process.env.NODE_ENV === 'production') {
-      config.plugins.push(...productionPlugins);
+      config.plugins.push(...productionPlugins)
     }
   },
-};
+}