Minor tweaks + vetur files

frontend/jsconfig.json

@@ -0,0 +1,3 @@
+{
+  "include": ["./src/**/*"]
+}

frontend/package-lock.json

@@ -11382,17 +11382,18 @@
       }
     },
     "vue-eslint-parser": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.6.0.tgz",
-      "integrity": "sha512-QXxqH8ZevBrtiZMZK0LpwaMfevQi9UL7lY6Kcp+ogWHC88AuwUPwwCIzkOUc1LR4XsYAt/F9yHXAB/QoD17QXA==",
+      "version": "7.11.0",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz",
+      "integrity": "sha512-qh3VhDLeh773wjgNTl7ss0VejY9bMMa0GoDG2fQVyDzRFdiU3L7fw74tWZDHNQXdZqxO3EveQroa9ct39D2nqg==",
       "dev": true,
       "requires": {
         "debug": "^4.1.1",
-        "eslint-scope": "^5.0.0",
+        "eslint-scope": "^5.1.1",
         "eslint-visitor-keys": "^1.1.0",
         "espree": "^6.2.1",
         "esquery": "^1.4.0",
-        "lodash": "^4.17.15"
+        "lodash": "^4.17.21",
+        "semver": "^6.3.0"
       },
       "dependencies": {
         "eslint-scope": {

frontend/src/components/commitSelector/CommitSlider.vue

@@ -2,7 +2,6 @@
   <v-slide-group
     :value="selected"
     @change="$emit('update:selected', $event)"
-    center-active
     show-arrows
   >
     <v-slide-item
@@ -18,9 +17,9 @@
             v-on="on"
             :color="active ? 'primary' : 'grey lighten-1'"
             :disabled="n.id === disabledId"
+            :elevation="0"
             class="ma-1"
             @click="toggle"
-            :elevation="0"
             v-on:click="$emit('click:commit', n)"
           >
             <div class="d-flex fill-height justify-center align-center">
@@ -39,12 +38,13 @@
                     <timeago :datetime="n.createdAt"></timeago>
                   </span>
                 </div>
-                <v-icon
-                  v-else
-                  color="white"
-                  size="20"
-                  v-text="'mdi-close-circle-outline'"
-                ></v-icon>
+                <div v-else class="ma-3">
+                  <v-icon
+                    color="white"
+                    size="24"
+                    v-text="'mdi-close-circle-outline'"
+                  ></v-icon>
+                </div>
               </v-scale-transition>
             </div>
           </v-card>

frontend/src/views/Home.vue

@@ -1,16 +1,29 @@
 <template lang="html">
-  <v-container fluid fill-height class="home flex-column justify-center align-center primary--text">
+  <v-container
+    fluid
+    fill-height
+    class="home flex-column justify-center align-center primary--text"
+  >
     <h1>Hi {{ $store.state.user.name }}!!</h1>
-    <p>Search for a stream in the navigation bar, or pick from one of your latest 👇🏼</p>
+    <p>
+      Search for a stream in the navigation bar, or pick from one of your latest
+      👇🏼
+    </p>
     <v-list v-if="streams" max-height="210px" class="overflow-y-auto">
       <v-list-item-group>
-        <v-list-item v-for="stream in streams.items" :key="stream.id" @click="$router.push(`/streams/${stream.id}`)">
+        <v-list-item
+          v-for="stream in streams.items"
+          :key="stream.id"
+          @click="$router.push(`/streams/${stream.id}`)"
+        >
           <v-list-item-content>
             <v-list-item-title>
               <v-row class="pa-0 ma-0">
                 {{ stream.name }}
                 <v-spacer></v-spacer>
-                <span class="primary rounded white--text pl-1 pr-1 caption">{{ stream.id }}</span>
+                <span class="primary rounded white--text pl-1 pr-1 caption">
+                  {{ stream.id }}
+                </span>
               </v-row>
             </v-list-item-title>
             <v-list-item-subtitle class="caption primary--text">
@@ -25,11 +38,10 @@
 </template>
 
 <script>
-
-import {getStreams, TOKEN} from "@/speckleUtils";
+import { getStreams } from "@/speckleUtils"
 
 export default {
-  name: 'Home',
+  name: "Home",
   data() {
     return {
       streams: null
@@ -38,8 +50,7 @@ export default {
   async mounted() {
     this.streams = await getStreams()
   },
-  methods: {
-  }
+  methods: {}
 }
 </script>
 
@@ -51,4 +62,4 @@ export default {
 .v-data-footer__select {
   display: none !important;
 }
-</style>
+</style>

vetur.config.js

@@ -0,0 +1,34 @@
+// vetur.config.js
+/** @type {import('vls').VeturConfig} */
+module.exports = {
+  // **optional** default: `{}`
+  // override vscode settings
+  // Notice: It only affects the settings used by Vetur.
+  settings: {
+    "vetur.useWorkspaceDependencies": true,
+    "vetur.experimental.templateInterpolationService": true
+  },
+  // **optional** default: `[{ root: './' }]`
+  // support monorepos
+  projects: [
+    "./packages/frontend", // Shorthand for specifying only the project root location
+    {
+      // **required**
+      // Where is your project?
+      // It is relative to `vetur.config.js`.
+      root: "./packages/frontend",
+      // **optional** default: `'package.json'`
+      // Where is `package.json` in the project?
+      // We use it to determine the version of vue.
+      // It is relative to root property.
+      package: "./package.json",
+
+      // **optional** default: `[]`
+      // Register globally Vue component glob.
+      // If you set it, you can get completion by that components.
+      // It is relative to root property.
+      // Notice: It won't actually do it. You need to use `require.context` or `Vue.component`
+      globalComponents: ["./src/components/**/*.vue"]
+    }
+  ]
+}