🌐 Adds en translations for Home and Search components

src/assets/locales/en-GB.json

@@ -1,4 +1,11 @@
 {
-  "test": "Hello World!",
-  "test2": "Im a fallback"
+  "home": {
+    "no-results": "No Search Results",
+    "no-data": "No Data Configured"
+  },
+  "search": {
+    "search-label": "Search",
+    "search-placeholder": "Start typing to filter",
+    "clear-search-tooltip": "Clear Search"
+  }
 }

src/components/Settings/SearchBar.vue

@@ -1,16 +1,16 @@
 <template>
   <form>
-    <label for="filter-tiles">Search</label>
+    <label for="filter-tiles">{{ $t('search.search-label') }}</label>
     <input
       id="filter-tiles"
       v-model="input"
       ref="filter"
-      placeholder="Start typing to filter..."
+      :placeholder="$t('search.search-placeholder')"
       v-on:input="userIsTypingSomething"
       @keydown.esc="clearFilterInput" />
       <i v-if="input.length > 0"
         class="clear-search"
-        title="Clear search"
+        :title="$t('search.clear-search-tooltip')"
         @click="clearFilterInput">x</i>
   </form>
 </template>

src/views/Home.vue

@@ -34,7 +34,7 @@
     </div>
     <!-- Show message when there's no data to show -->
     <div v-if="checkIfResults()" class="no-data">
-      {{searchValue ? 'No Search Results' : 'No Data Configured'}}
+      {{searchValue ? $t('home.no-results') : $t('home.no-data')}}
     </div>
   </div>
 </template>