remove vuetifycss and materialicon -> use threeshake

@nuxt/vuetify etc...

pages/add/MediaInput.vue

@@ -41,13 +41,14 @@
       v-else
       :label="$t('common.media')"
       :hint="$t('event.media_description')"
-      prepend-icon="mdi-camera"
+      :prepend-icon="mdiCamera"
       :value='value.image'
       @change="selectMedia"
       persistent-hint
       accept='image/*')
 </template>
 <script>
+import { mdiCamera } from '@mdi/js'
 export default {
   name: 'MediaInput',
   props: {
@@ -56,6 +57,7 @@ export default {
   },
   data () {
     return {
+      mdiCamera,
       openMediaDetails: false,
       name: this.value.name || '',
       focalpoint: this.value.focalpoint || [0, 0],

pages/add/WhereInput.vue

@@ -6,7 +6,7 @@
         :label="$t('common.where')"
         :hint="$t('event.where_description')"
         :search-input.sync="placeName"
-        prepend-icon='mdi-map-marker'
+        :prepend-icon='mdiMapMarker'
         persistent-hint
         :value="value.name"
         :items="filteredPlaces"
@@ -15,14 +15,14 @@
         @change='selectPlace')
         template(v-slot:item="{ item }")
           v-list-item-content(two-line v-if='item.create')
-            v-list-item-title <v-icon color='primary'>mdi-plus</v-icon> {{item.name}}
+            v-list-item-title <v-icon color='primary' v-text='mdiPlus'></v-icon> {{item.name}}
           v-list-item-content(two-line v-else)
             v-list-item-title {{item.name}}
             v-list-item-subtitle {{item.address}}
 
     v-col(cols=12 md=6)
       v-text-field(ref='address'
-        prepend-icon='mdi-map'
+        :prepend-icon='mdiMap'
         :disabled='disableAddress'
         :rules="[ v => disableAddress ? true : $validators.required('common.address')(v)]"
         :label="$t('common.address')"
@@ -32,6 +32,7 @@
 </template>
 <script>
 import { mapState } from 'vuex'
+import { mdiMap, mdiMapMarker, mdiPlus } from '@mdi/js'
 
 export default {
   name: 'WhereInput',
@@ -40,6 +41,7 @@ export default {
   },
   data () {
     return {
+      mdiMap, mdiMapMarker, mdiPlus,
       place: { },
       placeName: '',
       disableAddress: true

pages/add/_edit.vue

@@ -5,7 +5,7 @@
         h4 {{edit?$t('common.edit_event'):$t('common.add_event')}}
         v-spacer
         v-btn(link text color='primary' @click='openImportDialog=true')
-          <v-icon>mdi-file-import</v-icon> {{$t('common.import')}}
+          <v-icon v-text='mdiFileImport'></v-icon> {{$t('common.import')}}
       v-dialog(v-model='openImportDialog' :fullscreen='$vuetify.breakpoint.xsOnly')
         ImportDialog(@close='openImportDialog=false' @imported='eventImported')
 
@@ -23,7 +23,7 @@
                   @change='v => event.title = v'
                   :value = 'event.title'
                   :rules="[$validators.required('common.title')]"
-                  prepend-icon='mdi-format-title'
+                  :prepend-icon='mdiFormatTitle'
                   :label="$t('common.title')"
                   autofocus
                   ref='title')
@@ -49,7 +49,7 @@
               //- tags
               v-col(cols=12 md=6)
                 v-combobox(v-model='event.tags'
-                  prepend-icon="mdi-tag-multiple"
+                  :prepend-icon="mdiTagMultiple"
                   chips small-chips multiple deletable-chips hide-no-data hide-selected persistent-hint
                   :delimiters="[',', ' ']"
                   :items="tags.map(t => t.tag)"
@@ -64,12 +64,8 @@
 <script>
 import { mapActions, mapState } from 'vuex'
 import dayjs from 'dayjs'
-import Editor from '@/components/Editor'
-import List from '@/components/List'
-import ImportDialog from './ImportDialog'
-import DateInput from './DateInput'
-import WhereInput from './WhereInput'
-import MediaInput from './MediaInput'
+
+import { mdiFileImport, mdiFormatTitle, mdiTagMultiple } from '@mdi/js'
 
 export default {
   name: 'NewEvent',
@@ -114,6 +110,7 @@ export default {
     const month = dayjs().month() + 1
     const year = dayjs().year()
     return {
+      mdiFileImport, mdiFormatTitle, mdiTagMultiple,
       valid: false,
       openImportDialog: false,
       event: {