ci: fix breaking lighthouse checks

.github/lighthouse/lighthouserc-netlify-preview.json

@@ -8,7 +8,6 @@
       "assertions": {
         "first-contentful-paint": ["warn", { "minScore": 0.6 }],
         "font-display": "off",
-        "unused-css-rules": "off",
         "uses-rel-preconnect": "off",
         "is-crawlable": "off"
       }

babel.config.js

@@ -12,10 +12,10 @@ module.exports = {
   ],
   plugins: [
     ['transform-imports', {
-      vuetify: {
-        transform: 'vuetify/es5/components/${member}', // eslint-disable-line no-template-curly-in-string
-        preventFullImport: false
-      }
+      // vuetify: {
+      //   transform: 'vuetify/es5/components/${member}', // eslint-disable-line no-template-curly-in-string
+      //   preventFullImport: false
+      // }
     }],
     'istanbul'
   ]

package.json

@@ -31,7 +31,6 @@
     "vue-resize-directive": "^1.2.0",
     "vue-router": "^3.2.0",
     "vue-worker": "^1.2.1",
-    "vuetify": "^2.2.29",
     "vuex": "^3.4.0"
   },
   "devDependencies": {
@@ -69,16 +68,16 @@
     "jest-extended": "^0.11.5",
     "jest-fetch-mock": "^3.0.3",
     "lodash": "^4.17.21",
+    "mini-css-extract-plugin": "^0.9.0",
     "nyc": "^15.0.1",
     "sass": "^1.26.5",
     "sass-loader": "^10.0.4",
     "semantic-release": "^17.4.2",
     "stylus": "^0.54.7",
     "stylus-loader": "^3.0.2",
-    "vue-cli-plugin-vuetify": "^2.0.5",
     "vue-jest": "^3.0.5",
-    "vue-template-compiler": "^2.6.10",
-    "vuetify-loader": "^1.3.1"
+    "vue-loader": "^16.1.2",
+    "vue-template-compiler": "^2.6.10"
   },
   "engines": {
     "node": ">=12.10.0"

public/index.html

@@ -4,10 +4,10 @@
     <base href="/" />
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <link
+    <!-- <link
       href="https://fonts.googleapis.com/css?display=swap&family=Roboto:300,400,500,700|Material+Icons"
       rel="stylesheet preconnect "
-    />
+    /> -->
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes, minimal-ui"
@@ -16,10 +16,10 @@
       href="https://fonts.googleapis.com/css?display=swap&family=Roboto:100,300,400,500,700,900"
       rel="stylesheet preconnect"
     />
-    <link
+    <!-- <link
       href="https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css?display=swap"
       rel="stylesheet preconnect"
-    />
+    /> -->
     <link rel="icon preconnect" href="<%= BASE_URL %>favicon.ico" />
     <title>Ambianic UI</title>
     <meta

src/App.vue

@@ -1,26 +1,9 @@
-<!-- App.vue -->
 <template>
-  <v-lazy>
-    <amb-app-frame v-if="$route.name !== 'home'">
-      <vue-page-transition name="fade-in-right">
-        <router-view />
-      </vue-page-transition>
-    </amb-app-frame>
-
-    <v-app v-else>
-      <vue-page-transition name="fade-in-right">
-        <router-view />
-      </vue-page-transition>
-    </v-app>
-  </v-lazy>
+  <h1>AMBIANIC APP HERE</h1>
 </template>
 
 <script>
-import AmbAppFrame from '@/components/AppFrame.vue'
 export default {
-  name: 'App',
-  components: {
-    AmbAppFrame
-  }
+  name: 'App'
 }
 </script>