diff --git a/NUXT/components/topNavigation.vue b/NUXT/components/topNavigation.vue
index c16dcbd..03d381a 100644
--- a/NUXT/components/topNavigation.vue
+++ b/NUXT/components/topNavigation.vue
@@ -52,6 +52,7 @@
v-if="$route.name !== 'settings' && !$route.path.includes('/mods')"
icon
tile
+ :loading="$store.state.search.loading"
class="ml-3 my-auto fill-height"
style="border-radius: 0.25rem !important"
@click="$emit('search-btn', text)"
diff --git a/NUXT/layouts/default.vue b/NUXT/layouts/default.vue
index 344f5a5..0ef0ae7 100644
--- a/NUXT/layouts/default.vue
+++ b/NUXT/layouts/default.vue
@@ -199,6 +199,7 @@ export default {
if (this.search === true) {
if (query) {
+ this.$store.commit("search/setLoading", true);
this.$router.push(`/search?q=${query}`);
this.search = false;
}
diff --git a/NUXT/pages/search.vue b/NUXT/pages/search.vue
index efa8413..ec09a65 100644
--- a/NUXT/pages/search.vue
+++ b/NUXT/pages/search.vue
@@ -6,20 +6,6 @@
-
-
+
+
diff --git a/NUXT/store/search/index.js b/NUXT/store/search/index.js
new file mode 100644
index 0000000..1bf2a05
--- /dev/null
+++ b/NUXT/store/search/index.js
@@ -0,0 +1,8 @@
+export const state = () => ({
+ loading: false,
+});
+export const mutations = {
+ setLoading(state, payload) {
+ state.loading = payload;
+ },
+};