Update Wave UI.

Author: antoniandre

package.json

@@ -58,7 +58,7 @@
     "vite": "^3.2.11",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0",
-    "wave-ui": "^2.48.0"
+    "wave-ui": "^3.18.0"
   },
   "peerDependencies": {
     "vue": "^2.6.14 || ^3.2.0"

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 <template lang="pug">
-w-app(:class="{ ready }" v-scroll="onScroll")
+div(:class="{ ready }" v-scroll="onScroll")
   top-bar(:offset-top="offsetTop")
   router-view
 

src/app.vue

@@ -8,19 +8,22 @@ import router from '@/router/index'
 import '@fortawesome/fontawesome-free/css/fontawesome.css'
 import '@fortawesome/fontawesome-free/css/brands.css'
 
-const app = createApp(App).use(router)
+const app = createApp(App)
 
-// eslint-disable-next-line no-new
-new WaveUI(app, {
+app.use(router)
+app.use(WaveUI, {
   iconsLigature: 'material-icons',
   colors: {
-    primary: '#ff5252',
-    secondary: '#42b983',
-    maintext: '#999',
-    darktext: '#444',
-    lightertext: '#ccc',
-    lightgrey: '#eee'
-  }
+    light: {
+      primary: '#ff5252',
+      secondary: '#42b983',
+      maintext: '#999',
+      darktext: '#444',
+      lightertext: '#ccc',
+      lightgrey: '#eee'
+    }
+  },
+  theme: 'light'
 })
 
 app.mount('#app')