Use :to instead of href in links

fda-ui/pages/databases/_database_id/admin.vue

@@ -48,8 +48,8 @@ export default {
       dialogDelete: false,
       confirm: null,
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/info` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/info`, activeClass: '' }
       ]
     }
   },

fda-ui/pages/databases/_database_id/info.vue

@@ -38,8 +38,8 @@ export default {
     return {
       loading: false,
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/info` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/info`, activeClass: '' }
       ]
     }
   },

fda-ui/pages/databases/_database_id/queries/create.vue

@@ -18,9 +18,9 @@ export default {
   data () {
     return {
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/info` },
-        { text: 'Tables', href: `/databases/${this.$route.params.database_id}/tables` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/info`, activeClass: '' },
+        { text: 'Tables', to: `/databases/${this.$route.params.database_id}/tables`, activeClass: '' }
       ]
     }
   },

fda-ui/pages/databases/_database_id/queries/index.vue

@@ -12,8 +12,8 @@ export default {
   data () {
     return {
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/queries` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/queries`, activeClass: '' }
       ]
     }
   },

fda-ui/pages/databases/_database_id/tables/_table_id/index.vue

@@ -139,10 +139,10 @@ export default {
         description: null
       },
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/info` },
-        { text: 'Tables', href: `/databases/${this.$route.params.database_id}/tables` },
-        { text: `${this.$route.params.table_id}`, href: `/databases/${this.$route.params.database_id}/tables/${this.$route.params.table_id}` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/info`, activeClass: '' },
+        { text: 'Tables', to: `/databases/${this.$route.params.database_id}/tables`, activeClass: '' },
+        { text: `${this.$route.params.table_id}`, to: `/databases/${this.$route.params.database_id}/tables/${this.$route.params.table_id}`, activeclass: '' }
       ],
       headers: [],
       rows: []

fda-ui/pages/databases/_database_id/tables/index.vue

@@ -21,8 +21,8 @@ export default {
     return {
       db: null,
       items: [
-        { text: 'Databases', href: '/databases' },
-        { text: `${this.$route.params.database_id}`, href: `/databases/${this.$route.params.database_id}/tables` }
+        { text: 'Databases', to: '/databases', activeClass: '' },
+        { text: `${this.$route.params.database_id}`, to: `/databases/${this.$route.params.database_id}/tables`, activeClass: '' }
       ]
     }
   },