Improve performance

frontend/pages/account.vue

@@ -2,7 +2,7 @@
     <v-col cols="12" sm="8" md="6">
         <v-card color="primary" dark>
             <v-btn icon to="/" aria-label="Go back">
-                <v-icon>mdi-arrow-left</v-icon>
+                <v-icon>{{ mdiArrowLeft }}</v-icon>
             </v-btn>
             <v-card-title class="text-center justify-center py-6">
                 <h1 class="font-weight-bold display-2">Account</h1>
@@ -29,6 +29,7 @@
 </template>
 
 <script>
+import { mdiArrowLeft } from '@mdi/js'
 import LoginForm from '~/components/LoginForm'
 import RegisterForm from '~/components/RegisterForm'
 
@@ -41,6 +42,7 @@ export default {
         RegisterForm,
     },
     data: () => ({
+        mdiArrowLeft,
         tab: 0,
         tabs: ['Login', 'Register'],
     }),

frontend/pages/notes.vue

@@ -43,7 +43,7 @@
                     class="mr-2"
                     @click="editItem(item)"
                 >
-                    mdi-eye
+                    {{ mdiEye }}
                 </v-icon>
                 <v-icon
                     aria-label="Edit Note"
@@ -53,7 +53,7 @@
                     class="mr-2"
                     @click="editItem(item)"
                 >
-                    mdi-pencil
+                    {{ mdiPencil }}}
                 </v-icon>
                 <v-icon
                     aria-label="Delete Note"
@@ -62,7 +62,7 @@
                     dark
                     @click="deleteItem(item)"
                 >
-                    mdi-delete
+                    {{ mdiDelete }}
                 </v-icon>
             </template>
             <template v-slot:no-data>
@@ -74,11 +74,15 @@
 
 <script>
 import { format } from 'timeago.js'
+import { mdiEye, mdiPencil, mdiDelete } from '@mdi/js'
 
 export default {
     name: 'Notes',
     title: 'Notes',
     data: () => ({
+        mdiEye,
+        mdiPencil,
+        mdiDelete,
         loading: true,
         notes: [],
         headers: [