Run formatter

babel.config.js

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

info.json

@@ -3,4 +3,4 @@
   "copyright": "Copyright © 2018 TheDesk",
   "codeName": "Pre Theater",
   "documentURL": "https://github.com/kPherox/TheDesk-Vue#readme"
-}
+}

src/components/_globals.ts

@@ -1,14 +1,9 @@
 'use strict'
 
 import Vue from 'vue';
-import { upperFirst } from 'lodash'
+import { upperFirst, camelCase } from 'lodash'
-import { camelCase } from 'lodash'
 
-const requireComponent = require.context(
+const requireComponent = require.context('./globals', false, /Base[A-Z]\w+\.(vue|js)$/)
-  './globals',
-  false,
-  /Base[A-Z]\w+\.(vue|js)$/
-)
 
 requireComponent.keys().forEach((fileName: string) => {
   const componentConfig = requireComponent(fileName)

src/entries/_mount.ts

@@ -3,7 +3,7 @@ import '@/components/_globals'
 
 Vue.config.productionTip = false
 
-export default function(render: VueConstructor) {
+export default function (render: VueConstructor) {
   new Vue({
     render: h => h(render),
   }).$mount('#app')

src/views/About.vue

@@ -6,9 +6,7 @@
       </div>
       <p id="app-name">{{ productName }}</p>
       <p id="web-site">
-        <BaseLink :href="homePage">
+        <a :href="homePage">Web site</a>
-          Web site
-        </BaseLink>
       </p>
     </div>
     <dl class="version">
@@ -26,17 +24,17 @@
 <style lang="postcss">
 body {
   margin: 0;
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -webkit-app-region: drag;
   user-select: none;
 }
 #about {
-  padding: .5em;
+  padding: 0.5em;
   text-align: center;
 }
 #brand {
-  margin-top: .5em;
+  margin-top: 0.5em;
   & > p {
     margin: 0;
   }
@@ -56,8 +54,9 @@ dl.version {
   text-align: left;
   -webkit-app-region: no-drag;
   user-select: text;
-  padding: .5em;
+  padding: 0.5em;
-  dt, dd {
+  dt,
+  dd {
     margin-left: 0;
     line-height: 1.5em;
   }
@@ -65,8 +64,8 @@ dl.version {
 </style>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-property-decorator';
+import { Component, Vue } from "vue-property-decorator"
-import { ipcRenderer } from 'electron'
+import { ipcRenderer } from "electron"
 
 interface Version {
   name: string

src/views/App.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="@/assets/logo.png">
+    <img alt="Vue logo" src="@/assets/logo.png" />
-    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
+    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
   </div>
 </template>
 
@@ -14,12 +14,12 @@ import HelloWorld from '@/components/HelloWorld.vue';
     HelloWorld,
   },
 })
-export default class App extends Vue {}
+export default class App extends Vue { }
 </script>
 
 <style>
 #app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;

tsconfig.json

@@ -37,4 +37,4 @@
   "exclude": [
     "node_modules"
   ]
-}
+}

vue.config.js

@@ -1,6 +1,10 @@
-
+const {
-const { productName } = require("./package.json")
+  productName
-const { appId, copyright } = require("./info.json")
+} = require("./package.json")
+const {
+  appId,
+  copyright
+} = require("./info.json")
 
 module.exports = {
   pages: {
@@ -57,4 +61,4 @@ module.exports = {
       },
     },
   },
-}
+}