remove vuetifycss and materialicon -> use threeshake

@nuxt/vuetify etc...

components/Nav.vue

@@ -12,52 +12,57 @@
 
     v-spacer
     v-btn(v-if='$auth.loggedIn || settings.allow_anon_event' icon nuxt to='/add' :aria-label='$t("common.add_event")')
-      v-icon(large color='primary') mdi-plus
+      v-icon(large color='primary' v-text='mdiPlus')
 
     v-btn(icon nuxt to='/export' :aria-label='$t("common.share")')
-      v-icon mdi-share-variant
+      v-icon(v-text='mdiShareVariant')
 
     v-btn(v-if='!$auth.loggedIn' icon nuxt to='/login' :aria-label='$t("common.login")')
-      v-icon mdi-login
+      v-icon(v-text='mdiLogin')
 
     client-only
       v-menu(v-if='$auth.loggedIn' offset-y)
         template(v-slot:activator="{ on, attrs }")
           v-btn(icon v-bind='attrs' v-on='on' aria-label='Menu')
-            v-icon mdi-dots-vertical
+            v-icon(v-text='mdiDotsVertical')
         v-list
           v-list-item(nuxt to='/settings')
             v-list-item-icon
-              v-icon mdi-cog
+              v-icon(v-text='mdiCog')
             v-list-item-content
               v-list-item-title {{$t('common.settings')}}
 
           v-list-item(v-if='$auth.user.is_admin' nuxt to='/admin')
             v-list-item-icon
-              v-icon mdi-account
+              v-icon(v-text='mdiAccount')
             v-list-item-content
               v-list-item-title {{$t('common.admin')}}
 
           v-list-item(@click='logout')
             v-list-item-icon
-              v-icon mdi-logout
+              v-icon(v-text='mdiLogout')
             v-list-item-content
               v-list-item-title {{$t('common.logout')}}
       template(#placeholder)
-        v-btn(icon aria-label='Menu')
-          v-icon mdi-dots-vertical
+        v-btn(v-if='$auth.loggedIn' icon aria-label='Menu')
+          v-icon(v-text='mdiDotsVertical')
 
 
     v-btn(icon @click='clipboard(feedLink, "common.feed_url_copied")' aria-label='RSS')
-      v-icon(color='orange') mdi-rss
+      v-icon(color='orange' v-text='mdiRss')
 
 </template>
 <script>
 import { mapState } from 'vuex'
 import clipboard from '../assets/clipboard'
+import { mdiPlus, mdiShareVariant, mdiLogin, mdiDotsVertical, mdiLogout, mdiAccount, mdiCog, mdiRss } from '@mdi/js'
+
 
 export default {
   name: 'Nav',
+  data () {
+    return { mdiPlus, mdiShareVariant, mdiLogout, mdiLogin, mdiDotsVertical, mdiAccount, mdiCog, mdiRss }
+  },
   mixins: [clipboard],
   computed: {
     ...mapState(['filters', 'settings']),
@@ -77,32 +82,11 @@ export default {
 
       return `${this.settings.baseurl}/feed/rss${query}`
     },
-    could_add () {
-      return (this.$auth.loggedIn || this.settings.allow_anon_event)
-    }
   },
   methods: {
     logout () {
       this.$root.$message('common.logout_ok')
       this.$auth.logout()
-    },
-    async createTrustedInstance () {
-      let url = this.instance_url
-      if (!url.match(/^https?:\/\//)) {
-        url = `https://${url}`
-      }
-      try {
-        const instance = await this.$axios.$get(`${url}/.well-known/nodeinfo/2.0`)
-        const trusted_instance = {
-          url,
-          name: instance.metadata.nodeName,
-          description: instance.metadata.nodeDescription,
-          place: instance.metadata.placeDescription
-        }
-        this.setSetting({ key: 'trusted_instances', value: this.settings.trusted_instances.concat(trusted_instance) })
-      } catch (e) {
-        this.$root.$message(e, { color: 'error' })
-      }
     }
   }
 }