Can tab over tiles

src/views/Home.vue

@@ -24,6 +24,10 @@ import * as linkData from './../data/item-data.json'
 
 export default {
   name: 'home',
+  props: {
+    title: { default: 'Panel', type: String },
+    subtitle: { default: 'All your server management tools in one place', type: String }
+  },
   components: {
     Header,
     FilterTile,
@@ -39,18 +43,19 @@ export default {
     searching (searchTile) {
       this.searchTile = searchTile
     },
+    getDomainFromUrl (url) {
+      var urlPattern = /^(?:https?:\/\/)?(?:w{3}\.)?([a-z\d\.-]+)\.(?:[a-z\.]{2,10})(?:[/\w\.-]*)*/;
+      var domainPattern = url.match(urlPattern);
+      return domainPattern? domainPattern[1] : ''
+    },
     filterTiles (allTiles) {
       return allTiles.filter(tile => {
         const searchTerm = this.searchTile.toLowerCase()
         return tile.title.toLowerCase().includes(searchTerm) ||
-          tile.description.toLowerCase().includes(searchTerm) ||
-          tile.url.toLowerCase().includes(searchTerm)
+          tile.provider.toLowerCase().includes(searchTerm) ||
+          this.getDomainFromUrl(tile.url).includes(searchTerm)
       })
     }
-  },
-  props: {
-    title: { default: 'Panel', type: String },
-    subtitle: { default: 'All your server management tools in one place', type: String }
   }
 }
 </script>