fix: vue warning

package.json

@@ -26,7 +26,7 @@
     "nanoid": "^3.1.25",
     "tiny-emitter": "^2.1.0",
     "tippy.js": "^6.3.1",
-    "v-remixicon": "^0.0.12",
+    "v-remixicon": "^0.1.0",
     "vue": "^3.2.11",
     "vue-router": "^4.0.11",
     "vuedraggable": "^4.1.0",

src/lib/comps-ui.js

@@ -12,6 +12,7 @@ function componentsExtractor(app, components) {
 }
 
 export default function (app) {
+  console.log(app, 'anana');
   app.directive('autofocus', VAutofocus);
 
   componentsExtractor(app, uiComponents);

src/lib/v-remixicon.js

@@ -30,7 +30,7 @@ import {
   riDownloadLine,
 } from 'v-remixicon/icons';
 
-vRemixicon.add({
+export const icons = {
   riHome5Line,
   riPlayLine,
   riPauseLine,
@@ -61,6 +61,6 @@ vRemixicon.add({
   riDownloadLine,
   mdiDrag:
     'M7,19V17H9V19H7M11,19V17H13V19H11M15,19V17H17V19H15M7,15V13H9V15H7M11,15V13H13V15H11M15,15V13H17V15H15M7,11V9H9V11H7M11,11V9H13V11H11M15,11V9H17V11H15M7,7V5H9V7H7M11,7V5H13V7H11M15,7V5H17V7H15Z',
-});
+};
 
 export default vRemixicon;

src/newtab/index.js

@@ -3,7 +3,7 @@ import App from './App.vue';
 import router from './router';
 import store from '../store';
 import compsUi from '../lib/comps-ui';
-import vRemixicon from '../lib/v-remixicon';
+import vRemixicon, { icons } from '../lib/v-remixicon';
 import '../assets/css/tailwind.css';
 import '../assets/css/fonts.css';
 
@@ -11,7 +11,7 @@ createApp(App)
   .use(router)
   .use(store)
   .use(compsUi)
-  .use(vRemixicon)
+  .use(vRemixicon, icons)
   .mount('#app');
 
 if (module.hot) module.hot.accept();

src/popup/index.js

@@ -3,7 +3,7 @@ import App from './App.vue';
 import router from './router';
 import store from '../store';
 import compsUi from '../lib/comps-ui';
-import vRemixicon from '../lib/v-remixicon';
+import vRemixicon, { icons } from '../lib/v-remixicon';
 import '../assets/css/tailwind.css';
 import '../assets/css/fonts.css';
 
@@ -11,7 +11,7 @@ createApp(App)
   .use(router)
   .use(store)
   .use(compsUi)
-  .use(vRemixicon)
+  .use(vRemixicon, icons)
   .mount('#app');
 
 if (module.hot) module.hot.accept();

webpack.config.js

@@ -151,6 +151,10 @@ const options = {
       chunks: ['popup'],
       cache: false,
     }),
+    new webpack.DefinePlugin({
+      __VUE_OPTIONS_API__: false,
+      __VUE_PROD_DEVTOOLS__: false,
+    }),
   ],
   infrastructureLogging: {
     level: 'info',

yarn.lock

@@ -6524,10 +6524,10 @@ uuid@^3.3.2, uuid@^3.4.0:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
-v-remixicon@^0.0.12:
-  version "0.0.12"
-  resolved "https://registry.yarnpkg.com/v-remixicon/-/v-remixicon-0.0.12.tgz#3483cdb6d31bada66ad71445b05af226af6c0482"
-  integrity sha512-SWC/qq0gF7AHQA5HHtAFhwkv2R2QVSRy+OEt2nkXdN6D6ZTTwf3ftzF5IouF6RIyslKKFoyicwbqQDGY1iG3+g==
+v-remixicon@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/v-remixicon/-/v-remixicon-0.1.0.tgz#3d3f4ea261138cd75d6250b30c9ae42830ee99c9"
+  integrity sha512-5tGnFPRmipEYdLY0JMRiXKE527jA3YCHfNBuHNPtPueWfMQcjqZN/AsxCONj+QlTQirQ5rfGnWKiX8sNT75PYg==
 
 v8-compile-cache@^2.0.3, v8-compile-cache@^2.2.0:
   version "2.3.0"