Continued migrating UI to vuetify 2

app/imports/ui/components/ColorPicker.vue

@@ -6,12 +6,14 @@
     lazy
     left
   >
-    <v-btn
-      slot="activator"
-      icon
-    >
-      <v-icon>format_paint</v-icon>
-    </v-btn>
+    <template #activator="{ on }">
+      <v-btn
+        icon
+        v-on="on"
+      >
+        <v-icon>format_paint</v-icon>
+      </v-btn>
+    </template>
     <v-card class="overflow-hidden">
       <v-card-text>
         <v-layout
@@ -71,14 +73,14 @@
       </v-card-text>
       <v-card-actions>
         <v-btn
-          flat
+          text
           @click="$emit('input')"
         >
           Clear
         </v-btn>
         <v-spacer />
         <v-btn
-          flat
+          text
           @click="opened = false"
         >
           Done

app/imports/ui/components/IncrementMenu.vue

@@ -43,9 +43,9 @@
     <v-btn
       :small="!flat"
       :fab="!flat"
-      :flat="flat"
+      :text="flat"
       :icon="flat"
-      class="filled"
+      class="mx-2 filled"
       @click="commitEdit"
     >
       <v-icon>done</v-icon>
@@ -53,9 +53,9 @@
     <v-btn
       :small="!flat"
       :fab="!flat"
-      :flat="flat"
+      :text="flat"
       :icon="flat"
-      class="mx-0 filled"
+      class="filled"
       @click="cancelEdit"
     >
       <v-icon>close</v-icon>

app/imports/ui/components/ToolbarCard.vue

@@ -30,7 +30,7 @@
 			color: {
 				type: String,
 				default(){
-					return this.$vuetify.theme.secondary;
+					return this.$vuetify.theme.themes.light.secondary;
 				},
 			},
 		},

app/imports/ui/components/global/DatePicker.vue

@@ -16,7 +16,7 @@
         :loading="loading"
         :error-messages="errors"
         :disabled="isDisabled"
-        box
+        filled
         v-on="on"
         @focus="focused = true"
         @blur="focused = false"

app/imports/ui/components/global/SmartCombobox.vue

@@ -7,7 +7,7 @@
     :menu-props="{auto: true, lazy: true}"
     :search-input.sync="searchInput"
     :disabled="isDisabled"
-    box
+    filled
     @change="customChange"
     @focus="focused = true"
     @blur="focused = false"

app/imports/ui/components/global/SmartSelect.vue

@@ -6,7 +6,7 @@
     :value="safeValue"
     :menu-props="{auto: true, lazy: true}"
     :disabled="isDisabled"
-    box
+    filled
     @change="change"
     @focus="focused = true"
     @blur="focused = false"

app/imports/ui/components/global/TextArea.vue

@@ -6,7 +6,7 @@
     :value="safeValue"
     :disabled="isDisabled"
     :auto-grow="autoGrow"
-    box
+    filled
     @input="input"
     @focus="focused = true"
     @blur="focused = false"

app/imports/ui/components/global/TextField.vue

@@ -6,7 +6,7 @@
     :error-messages="errors"
     :value="safeValue"
     :disabled="isDisabled"
-    :box="!regular"
+    :filled="!regular"
     @input="input"
     @focus="focused = true"
     @blur="focused = false"

app/imports/ui/components/propertyToolbar.vue

@@ -142,7 +142,7 @@ export default {
       return isDarkColor(this.color);
     },
     color(){
-      return this.model && this.model.color || this.$vuetify.theme.secondary;
+      return this.model && this.model.color || this.$vuetify.theme.themes.light.secondary;
     },
     title(){
       let model = this.model;

app/imports/ui/components/rolls/Check.vue

@@ -14,7 +14,7 @@
           <v-btn
             large
             fab
-            outline
+            outlined
             @click="makeRoll"
           >
             <div class="text-h4">

app/imports/ui/components/snackbars/Snackbars.vue

@@ -11,7 +11,6 @@
     <v-btn
       v-if="snackbar.callback"
       class="primary--text"
-      flat
       icon
       @click="doCallback"
     >
@@ -19,7 +18,6 @@
     </v-btn>
     <v-btn
       v-if="snackbar.showCloseButton"
-      flat
       icon
       @click="$store.dispatch('closeSnackbar')"
     >

app/imports/ui/components/tree/TreeNode.vue

@@ -161,7 +161,7 @@
 	.theme--light .tree-node-title:hover {
 		background: rgba(0,0,0,.04);
 	}
-  .dummy-node {
+  .tree-node-title, .dummy-node {
     height: 40px;
   }
 </style>