Get Recipes Route Rewrite (#339)

* deprecate old route

* auto-gen

* recipe card infinite scroll

* fix datatable

* set hard-limit option

* add loader

* set scroll on navigation

* add auto-import

* fix slow initial load

* remove console.logs

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/src/pages/SearchPage/index.vue

@@ -26,7 +26,9 @@
 
       <v-row dense class="mt-0 flex-row align-center justify-space-around">
         <v-col>
-          <h3 class="pl-2 text-center headline">{{$t('search.category-filter')}}</h3>
+          <h3 class="pl-2 text-center headline">
+            {{ $t("search.category-filter") }}
+          </h3>
           <FilterSelector class="mb-1" @update="updateCatParams" />
           <CategoryTagSelector
             :solo="true"
@@ -36,7 +38,9 @@
           />
         </v-col>
         <v-col>
-          <h3 class="pl-2 text-center headline">{{$t('search.tag-filter')}}</h3>
+          <h3 class="pl-2 text-center headline">
+            {{ $t("search.tag-filter") }}
+          </h3>
           <FilterSelector class="mb-1" @update="updateTagParams" />
 
           <CategoryTagSelector
@@ -113,6 +117,9 @@ export default {
       },
     };
   },
+  mounted() {
+    this.$store.dispatch("requestAllRecipes");
+  },
   computed: {
     allRecipes() {
       return this.$store.getters.getRecentRecipes;