Stage one of migration complete, now need to pick through and implement individual changes

ayanova/src/main.js

@@ -1,8 +1,10 @@
+/* XXXeslint-disable */
 import "@babel/polyfill";
 import "@fortawesome/fontawesome-free/css/all.css";
 import "typeface-roboto/index.css";
 import Vue from "vue";
-import "./plugins/vuetify";
+//import "./plugins/vuetify";
+import Vuetify from "./plugins/vuetify";
 import App from "./App.vue";
 import router from "./router";
 import store from "./store";
@@ -82,6 +84,10 @@ window.onerror = errorHandler.handleGeneralError;
 //warnings, only occur by default in debug mode not production
 Vue.config.warnHandler = errorHandler.handleVueWarning;
 
+//added for vuetify 2.x to disable annoying prodution mode tip warning
+//but commented out for now just to see what it looks like
+//Vue.config.productionTip = false;
+
 /////////////////////////////////////////////////////////////////
 // AJAX LOADER INDICATOR
 //
@@ -178,10 +184,15 @@ Vue.directive("focus", {
   }
 });
 
+// console.log(Vue);
+// console.log(Vuetify);
+// debugger;
+
 /////////////////////////////////////////////////////////////////
 // INSTANTIATE
 //
 new Vue({
+  vuetify: Vuetify,
   router,
   store,
   render: h => h(App)

ayanova/src/plugins/vuetify.js

@@ -1,19 +1,51 @@
+/* Xeslint-disable */
+
+// import Vue from "vue";
+// import Vuetify from "vuetify";
+// import "vuetify/dist/vuetify.min.css";
+
+// Vue.use(Vuetify, {
+//   iconfont: "fa",
+//   theme: {
+//     primary: "#00205B", //Canucks dark blue
+//     secondary: "#00843D", //canucks green
+
+//     accent: "#db7022", //lighter orangey red, more friendly looking though not as much clarity it seems
+//     //error: "#b71c1c", //dark red, easy to read but not error-y enough possibly
+
+//     //accent: "#BD491A", //dark orangey red, more clarity, less friendly looking
+//     error: "#ff5252", //lighter red, have to see if it's good for all screens and sizes as it's a bit light but it stands out as an error condition better
+
+//     disabled: "#e0e0e0"
+//   }
+// });
+
+// v2.0
+// src/plugins/vuetify.js
+
 import Vue from "vue";
-import Vuetify from "vuetify";
-import "vuetify/dist/vuetify.min.css";
+import Vuetify from "vuetify/lib";
 
-Vue.use(Vuetify, {
-  iconfont: "fa",
-  theme: {
-    primary: "#00205B", //Canucks dark blue
-    secondary: "#00843D", //canucks green
+// console.log(Vue);
+// console.log(Vuetify);
+// debugger;
 
-    accent: "#db7022", //lighter orangey red, more friendly looking though not as much clarity it seems
-    //error: "#b71c1c", //dark red, easy to read but not error-y enough possibly
+Vue.use(Vuetify);
 
-    //accent: "#BD491A", //dark orangey red, more clarity, less friendly looking
-    error: "#ff5252", //lighter red, have to see if it's good for all screens and sizes as it's a bit light but it stands out as an error condition better
+export default new Vuetify({
+  icons: {
+    iconfont: "fa",
+    theme: {
+      primary: "#00205B", //Canucks dark blue
+      secondary: "#00843D", //canucks green
 
-    disabled: "#e0e0e0"
+      accent: "#db7022", //lighter orangey red, more friendly looking though not as much clarity it seems
+      //error: "#b71c1c", //dark red, easy to read but not error-y enough possibly
+
+      //accent: "#BD491A", //dark orangey red, more clarity, less friendly looking
+      error: "#ff5252", //lighter red, have to see if it's good for all screens and sizes as it's a bit light but it stands out as an error condition better
+
+      disabled: "#e0e0e0"
+    }
   }
 });