feat: search component and loading splashscreen

spa/src/router.js

@@ -6,6 +6,7 @@ import Cart from "./views/Cart.vue";
 import Products from "@/views/Products.vue";
 import Checkout from "@/views/Checkout.vue";
 import OrderCreated from "@/views/OrderCreated.vue";
+import Search from "@/views/Search.vue";
 
 const routes = [
     {path: '/', name: 'home', component: Home},
@@ -16,6 +17,7 @@ const routes = [
     {path: '/cart', name: 'cart', component: Cart},
     {path: '/checkout', name: 'checkout', component: Checkout},
     {path: '/success', name: 'order_created', component: OrderCreated},
+    {path: '/search', name: 'search', component: Search},
 ];
 
 export const router = createRouter({