From e32b27f48b4a182e875195ce85bd8233dad98017 Mon Sep 17 00:00:00 2001
From: jaskaran <jaskaran.sarkaria@googlemail.com>
Date: Sun, 31 Jan 2021 13:20:56 +0000
Subject: [PATCH] odd second commit

---
 .routify/config.js                            |  27 +-
 .routify/routes.js                            | 975 +++++++++---------
 src/components/ProductView/ProductView.svelte |   6 +-
 .../SearchJewellery/SearchJewellery.svelte    |   6 +-
 src/libs/requests.ts                          |   4 +-
 src/pages/online-shop/[category].svelte       |  19 +-
 .../[subCategory]/[subCategory].svelte        |  48 +-
 src/stores/categories.ts                      |  11 +-
 8 files changed, 572 insertions(+), 524 deletions(-)

diff --git a/.routify/config.js b/.routify/config.js
index 9681972a..711bbacc 100644
--- a/.routify/config.js
+++ b/.routify/config.js
@@ -1,17 +1,12 @@
 module.exports = {
-  "pages": "src/pages",
-  "sourceDir": "public",
-  "routifyDir": ".routify",
-  "ignore": "",
-  "dynamicImports": true,
-  "singleBuild": false,
-  "noHashScroll": false,
-  "distDir": "dist",
-  "extensions": [
-    "svelte",
-    "html",
-    "svx",
-    "md"
-  ],
-  "started": "2021-01-31T12:48:46.113Z"
-}
\ No newline at end of file
+  pages: 'src/pages',
+  sourceDir: 'public',
+  routifyDir: '.routify',
+  ignore: '',
+  dynamicImports: true,
+  singleBuild: false,
+  noHashScroll: false,
+  distDir: 'dist',
+  extensions: ['svelte', 'html', 'svx', 'md'],
+  started: '2021-01-31T12:48:46.113Z',
+};
diff --git a/.routify/routes.js b/.routify/routes.js
index 91199f96..274a54cc 100644
--- a/.routify/routes.js
+++ b/.routify/routes.js
@@ -1,536 +1,585 @@
-
 /**
  * @roxi/routify 2.7.3
  * File generated Sun Jan 31 2021 12:48:47 GMT+0000 (Greenwich Mean Time)
  */
 
-export const __version = "2.7.3"
-export const __timestamp = "2021-01-31T12:48:47.585Z"
+export const __version = '2.7.3';
+export const __timestamp = '2021-01-31T12:48:47.585Z';
 
 //buildRoutes
-import { buildClientTree } from "@roxi/routify/runtime/buildRoutes"
+import { buildClientTree } from '@roxi/routify/runtime/buildRoutes';
 
 //imports
 
-
 //options
-export const options = {}
+export const options = {};
 
 //tree
 export const _tree = {
-  "name": "_layout",
-  "filepath": "/_layout.svelte",
-  "root": true,
-  "ownMeta": {},
-  "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/_layout.svelte",
-  "children": [
+  name: '_layout',
+  filepath: '/_layout.svelte',
+  root: true,
+  ownMeta: {},
+  absolutePath: '/home/jaskaran/fun/enki-website/src/pages/_layout.svelte',
+  children: [
     {
-      "isFile": true,
-      "isDir": true,
-      "file": "_layout.svelte",
-      "filepath": "/classes/_layout.svelte",
-      "name": "_layout",
-      "ext": "svelte",
-      "badExt": false,
-      "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/classes/_layout.svelte",
-      "children": [
+      isFile: true,
+      isDir: true,
+      file: '_layout.svelte',
+      filepath: '/classes/_layout.svelte',
+      name: '_layout',
+      ext: 'svelte',
+      badExt: false,
+      absolutePath:
+        '/home/jaskaran/fun/enki-website/src/pages/classes/_layout.svelte',
+      children: [
         {
-          "isFile": true,
-          "isDir": false,
-          "file": "index.svelte",
-          "filepath": "/classes/index.svelte",
-          "name": "index",
-          "ext": "svelte",
-          "badExt": false,
-          "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/classes/index.svelte",
-          "importPath": "../src/pages/classes/index.svelte",
-          "isLayout": false,
-          "isReset": false,
-          "isIndex": true,
-          "isFallback": false,
-          "isPage": true,
-          "ownMeta": {},
-          "meta": {
-            "recursive": true,
-            "preload": false,
-            "prerender": true
+          isFile: true,
+          isDir: false,
+          file: 'index.svelte',
+          filepath: '/classes/index.svelte',
+          name: 'index',
+          ext: 'svelte',
+          badExt: false,
+          absolutePath:
+            '/home/jaskaran/fun/enki-website/src/pages/classes/index.svelte',
+          importPath: '../src/pages/classes/index.svelte',
+          isLayout: false,
+          isReset: false,
+          isIndex: true,
+          isFallback: false,
+          isPage: true,
+          ownMeta: {},
+          meta: {
+            recursive: true,
+            preload: false,
+            prerender: true,
           },
-          "path": "/classes/index",
-          "id": "_classes_index",
-          "component": () => import('../src/pages/classes/index.svelte').then(m => m.default)
-        }
+          path: '/classes/index',
+          id: '_classes_index',
+          component: () =>
+            import('../src/pages/classes/index.svelte').then((m) => m.default),
+        },
       ],
-      "isLayout": true,
-      "isReset": false,
-      "isIndex": false,
-      "isFallback": false,
-      "isPage": false,
-      "importPath": "../src/pages/classes/_layout.svelte",
-      "ownMeta": {},
-      "meta": {
-        "recursive": true,
-        "preload": false,
-        "prerender": true
+      isLayout: true,
+      isReset: false,
+      isIndex: false,
+      isFallback: false,
+      isPage: false,
+      importPath: '../src/pages/classes/_layout.svelte',
+      ownMeta: {},
+      meta: {
+        recursive: true,
+        preload: false,
+        prerender: true,
       },
-      "path": "/classes",
-      "id": "_classes__layout",
-      "component": () => import('../src/pages/classes/_layout.svelte').then(m => m.default)
+      path: '/classes',
+      id: '_classes__layout',
+      component: () =>
+        import('../src/pages/classes/_layout.svelte').then((m) => m.default),
     },
     {
-      "isFile": true,
-      "isDir": true,
-      "file": "_layout.svelte",
-      "filepath": "/contact/_layout.svelte",
-      "name": "_layout",
-      "ext": "svelte",
-      "badExt": false,
-      "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/contact/_layout.svelte",
-      "children": [
+      isFile: true,
+      isDir: true,
+      file: '_layout.svelte',
+      filepath: '/contact/_layout.svelte',
+      name: '_layout',
+      ext: 'svelte',
+      badExt: false,
+      absolutePath:
+        '/home/jaskaran/fun/enki-website/src/pages/contact/_layout.svelte',
+      children: [
         {
-          "isFile": true,
-          "isDir": false,
-          "file": "index.svelte",
-          "filepath": "/contact/index.svelte",
-          "name": "index",
-          "ext": "svelte",
-          "badExt": false,
-          "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/contact/index.svelte",
-          "importPath": "../src/pages/contact/index.svelte",
-          "isLayout": false,
-          "isReset": false,
-          "isIndex": true,
-          "isFallback": false,
-          "isPage": true,
-          "ownMeta": {},
-          "meta": {
-            "recursive": true,
-            "preload": false,
-            "prerender": true
+          isFile: true,
+          isDir: false,
+          file: 'index.svelte',
+          filepath: '/contact/index.svelte',
+          name: 'index',
+          ext: 'svelte',
+          badExt: false,
+          absolutePath:
+            '/home/jaskaran/fun/enki-website/src/pages/contact/index.svelte',
+          importPath: '../src/pages/contact/index.svelte',
+          isLayout: false,
+          isReset: false,
+          isIndex: true,
+          isFallback: false,
+          isPage: true,
+          ownMeta: {},
+          meta: {
+            recursive: true,
+            preload: false,
+            prerender: true,
           },
-          "path": "/contact/index",
-          "id": "_contact_index",
-          "component": () => import('../src/pages/contact/index.svelte').then(m => m.default)
-        }
+          path: '/contact/index',
+          id: '_contact_index',
+          component: () =>
+            import('../src/pages/contact/index.svelte').then((m) => m.default),
+        },
       ],
-      "isLayout": true,
-      "isReset": false,
-      "isIndex": false,
-      "isFallback": false,
-      "isPage": false,
-      "importPath": "../src/pages/contact/_layout.svelte",
-      "ownMeta": {},
-      "meta": {
-        "recursive": true,
-        "preload": false,
-        "prerender": true
+      isLayout: true,
+      isReset: false,
+      isIndex: false,
+      isFallback: false,
+      isPage: false,
+      importPath: '../src/pages/contact/_layout.svelte',
+      ownMeta: {},
+      meta: {
+        recursive: true,
+        preload: false,
+        prerender: true,
       },
-      "path": "/contact",
-      "id": "_contact__layout",
-      "component": () => import('../src/pages/contact/_layout.svelte').then(m => m.default)
+      path: '/contact',
+      id: '_contact__layout',
+      component: () =>
+        import('../src/pages/contact/_layout.svelte').then((m) => m.default),
     },
     {
-      "isFile": true,
-      "isDir": false,
-      "file": "index.svelte",
-      "filepath": "/index.svelte",
-      "name": "index",
-      "ext": "svelte",
-      "badExt": false,
-      "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/index.svelte",
-      "importPath": "../src/pages/index.svelte",
-      "isLayout": false,
-      "isReset": false,
-      "isIndex": true,
-      "isFallback": false,
-      "isPage": true,
-      "ownMeta": {},
-      "meta": {
-        "recursive": true,
-        "preload": false,
-        "prerender": true
+      isFile: true,
+      isDir: false,
+      file: 'index.svelte',
+      filepath: '/index.svelte',
+      name: 'index',
+      ext: 'svelte',
+      badExt: false,
+      absolutePath: '/home/jaskaran/fun/enki-website/src/pages/index.svelte',
+      importPath: '../src/pages/index.svelte',
+      isLayout: false,
+      isReset: false,
+      isIndex: true,
+      isFallback: false,
+      isPage: true,
+      ownMeta: {},
+      meta: {
+        recursive: true,
+        preload: false,
+        prerender: true,
       },
-      "path": "/index",
-      "id": "_index",
-      "component": () => import('../src/pages/index.svelte').then(m => m.default)
+      path: '/index',
+      id: '_index',
+      component: () =>
+        import('../src/pages/index.svelte').then((m) => m.default),
     },
     {
-      "isFile": true,
-      "isDir": true,
-      "file": "_layout.svelte",
-      "filepath": "/online-shop/_layout.svelte",
-      "name": "_layout",
-      "ext": "svelte",
-      "badExt": false,
-      "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/online-shop/_layout.svelte",
-      "children": [
+      isFile: true,
+      isDir: true,
+      file: '_layout.svelte',
+      filepath: '/online-shop/_layout.svelte',
+      name: '_layout',
+      ext: 'svelte',
+      badExt: false,
+      absolutePath:
+        '/home/jaskaran/fun/enki-website/src/pages/online-shop/_layout.svelte',
+      children: [
         {
-          "isFile": true,
-          "isDir": false,
-          "file": "[category].svelte",
-          "filepath": "/online-shop/[category].svelte",
-          "name": "[category]",
-          "ext": "svelte",
-          "badExt": false,
-          "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/online-shop/[category].svelte",
-          "importPath": "../src/pages/online-shop/[category].svelte",
-          "isLayout": false,
-          "isReset": false,
-          "isIndex": false,
-          "isFallback": false,
-          "isPage": true,
-          "ownMeta": {},
-          "meta": {
-            "recursive": true,
-            "preload": false,
-            "prerender": true
+          isFile: true,
+          isDir: false,
+          file: '[category].svelte',
+          filepath: '/online-shop/[category].svelte',
+          name: '[category]',
+          ext: 'svelte',
+          badExt: false,
+          absolutePath:
+            '/home/jaskaran/fun/enki-website/src/pages/online-shop/[category].svelte',
+          importPath: '../src/pages/online-shop/[category].svelte',
+          isLayout: false,
+          isReset: false,
+          isIndex: false,
+          isFallback: false,
+          isPage: true,
+          ownMeta: {},
+          meta: {
+            recursive: true,
+            preload: false,
+            prerender: true,
           },
-          "path": "/online-shop/:category",
-          "id": "_onlineShop__category",
-          "component": () => import('../src/pages/online-shop/[category].svelte').then(m => m.default)
+          path: '/online-shop/:category',
+          id: '_onlineShop__category',
+          component: () =>
+            import('../src/pages/online-shop/[category].svelte').then(
+              (m) => m.default
+            ),
         },
         {
-          "isFile": false,
-          "isDir": true,
-          "file": "[subCategory]",
-          "filepath": "/online-shop/[subCategory]",
-          "name": "[subCategory]",
-          "ext": "",
-          "badExt": false,
-          "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/online-shop/[subCategory]",
-          "children": [
+          isFile: false,
+          isDir: true,
+          file: '[subCategory]',
+          filepath: '/online-shop/[subCategory]',
+          name: '[subCategory]',
+          ext: '',
+          badExt: false,
+          absolutePath:
+            '/home/jaskaran/fun/enki-website/src/pages/online-shop/[subCategory]',
+          children: [
             {
-              "isFile": true,
-              "isDir": false,
-              "file": "[subCategory].svelte",
-              "filepath": "/online-shop/[subCategory]/[subCategory].svelte",
-              "name": "[subCategory]",
-              "ext": "svelte",
-              "badExt": false,
-              "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/online-shop/[subCategory]/[subCategory].svelte",
-              "importPath": "../src/pages/online-shop/[subCategory]/[subCategory].svelte",
-              "isLayout": false,
-              "isReset": false,
-              "isIndex": false,
-              "isFallback": false,
-              "isPage": true,
-              "ownMeta": {},
-              "meta": {
-                "recursive": true,
-                "preload": false,
-                "prerender": true
+              isFile: true,
+              isDir: false,
+              file: '[subCategory].svelte',
+              filepath: '/online-shop/[subCategory]/[subCategory].svelte',
+              name: '[subCategory]',
+              ext: 'svelte',
+              badExt: false,
+              absolutePath:
+                '/home/jaskaran/fun/enki-website/src/pages/online-shop/[subCategory]/[subCategory].svelte',
+              importPath:
+                '../src/pages/online-shop/[subCategory]/[subCategory].svelte',
+              isLayout: false,
+              isReset: false,
+              isIndex: false,
+              isFallback: false,
+              isPage: true,
+              ownMeta: {},
+              meta: {
+                recursive: true,
+                preload: false,
+                prerender: true,
               },
-              "path": "/online-shop/:subCategory/:subCategory",
-              "id": "_onlineShop__subCategory__subCategory",
-              "component": () => import('../src/pages/online-shop/[subCategory]/[subCategory].svelte').then(m => m.default)
-            }
+              path: '/online-shop/:subCategory/:subCategory',
+              id: '_onlineShop__subCategory__subCategory',
+              component: () =>
+                import(
+                  '../src/pages/online-shop/[subCategory]/[subCategory].svelte'
+                ).then((m) => m.default),
+            },
           ],
-          "isLayout": false,
-          "isReset": false,
-          "isIndex": false,
-          "isFallback": false,
-          "isPage": false,
-          "ownMeta": {},
-          "meta": {
-            "recursive": true,
-            "preload": false,
-            "prerender": true
+          isLayout: false,
+          isReset: false,
+          isIndex: false,
+          isFallback: false,
+          isPage: false,
+          ownMeta: {},
+          meta: {
+            recursive: true,
+            preload: false,
+            prerender: true,
           },
-          "path": "/online-shop/:subCategory"
+          path: '/online-shop/:subCategory',
         },
         {
-          "isFile": true,
-          "isDir": false,
-          "file": "index.svelte",
-          "filepath": "/online-shop/index.svelte",
-          "name": "index",
-          "ext": "svelte",
-          "badExt": false,
-          "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/online-shop/index.svelte",
-          "importPath": "../src/pages/online-shop/index.svelte",
-          "isLayout": false,
-          "isReset": false,
-          "isIndex": true,
-          "isFallback": false,
-          "isPage": true,
-          "ownMeta": {},
-          "meta": {
-            "recursive": true,
-            "preload": false,
-            "prerender": true
+          isFile: true,
+          isDir: false,
+          file: 'index.svelte',
+          filepath: '/online-shop/index.svelte',
+          name: 'index',
+          ext: 'svelte',
+          badExt: false,
+          absolutePath:
+            '/home/jaskaran/fun/enki-website/src/pages/online-shop/index.svelte',
+          importPath: '../src/pages/online-shop/index.svelte',
+          isLayout: false,
+          isReset: false,
+          isIndex: true,
+          isFallback: false,
+          isPage: true,
+          ownMeta: {},
+          meta: {
+            recursive: true,
+            preload: false,
+            prerender: true,
           },
-          "path": "/online-shop/index",
-          "id": "_onlineShop_index",
-          "component": () => import('../src/pages/online-shop/index.svelte').then(m => m.default)
-        }
+          path: '/online-shop/index',
+          id: '_onlineShop_index',
+          component: () =>
+            import('../src/pages/online-shop/index.svelte').then(
+              (m) => m.default
+            ),
+        },
       ],
-      "isLayout": true,
-      "isReset": false,
-      "isIndex": false,
-      "isFallback": false,
-      "isPage": false,
-      "importPath": "../src/pages/online-shop/_layout.svelte",
-      "ownMeta": {},
-      "meta": {
-        "recursive": true,
-        "preload": false,
-        "prerender": true
+      isLayout: true,
+      isReset: false,
+      isIndex: false,
+      isFallback: false,
+      isPage: false,
+      importPath: '../src/pages/online-shop/_layout.svelte',
+      ownMeta: {},
+      meta: {
+        recursive: true,
+        preload: false,
+        prerender: true,
       },
-      "path": "/online-shop",
-      "id": "_onlineShop__layout",
-      "component": () => import('../src/pages/online-shop/_layout.svelte').then(m => m.default)
+      path: '/online-shop',
+      id: '_onlineShop__layout',
+      component: () =>
+        import('../src/pages/online-shop/_layout.svelte').then(
+          (m) => m.default
+        ),
     },
     {
-      "isFile": true,
-      "isDir": true,
-      "file": "_layout.svelte",
-      "filepath": "/payment/_layout.svelte",
-      "name": "_layout",
-      "ext": "svelte",
-      "badExt": false,
-      "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/payment/_layout.svelte",
-      "children": [
+      isFile: true,
+      isDir: true,
+      file: '_layout.svelte',
+      filepath: '/payment/_layout.svelte',
+      name: '_layout',
+      ext: 'svelte',
+      badExt: false,
+      absolutePath:
+        '/home/jaskaran/fun/enki-website/src/pages/payment/_layout.svelte',
+      children: [
         {
-          "isFile": true,
-          "isDir": false,
-          "file": "basket.svelte",
-          "filepath": "/payment/basket.svelte",
-          "name": "basket",
-          "ext": "svelte",
-          "badExt": false,
-          "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/payment/basket.svelte",
-          "importPath": "../src/pages/payment/basket.svelte",
-          "isLayout": false,
-          "isReset": false,
-          "isIndex": false,
-          "isFallback": false,
-          "isPage": true,
-          "ownMeta": {},
-          "meta": {
-            "recursive": true,
-            "preload": false,
-            "prerender": true
+          isFile: true,
+          isDir: false,
+          file: 'basket.svelte',
+          filepath: '/payment/basket.svelte',
+          name: 'basket',
+          ext: 'svelte',
+          badExt: false,
+          absolutePath:
+            '/home/jaskaran/fun/enki-website/src/pages/payment/basket.svelte',
+          importPath: '../src/pages/payment/basket.svelte',
+          isLayout: false,
+          isReset: false,
+          isIndex: false,
+          isFallback: false,
+          isPage: true,
+          ownMeta: {},
+          meta: {
+            recursive: true,
+            preload: false,
+            prerender: true,
           },
-          "path": "/payment/basket",
-          "id": "_payment_basket",
-          "component": () => import('../src/pages/payment/basket.svelte').then(m => m.default)
+          path: '/payment/basket',
+          id: '_payment_basket',
+          component: () =>
+            import('../src/pages/payment/basket.svelte').then((m) => m.default),
         },
         {
-          "isFile": true,
-          "isDir": false,
-          "file": "cancel.svelte",
-          "filepath": "/payment/cancel.svelte",
-          "name": "cancel",
-          "ext": "svelte",
-          "badExt": false,
-          "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/payment/cancel.svelte",
-          "importPath": "../src/pages/payment/cancel.svelte",
-          "isLayout": false,
-          "isReset": false,
-          "isIndex": false,
-          "isFallback": false,
-          "isPage": true,
-          "ownMeta": {},
-          "meta": {
-            "recursive": true,
-            "preload": false,
-            "prerender": true
+          isFile: true,
+          isDir: false,
+          file: 'cancel.svelte',
+          filepath: '/payment/cancel.svelte',
+          name: 'cancel',
+          ext: 'svelte',
+          badExt: false,
+          absolutePath:
+            '/home/jaskaran/fun/enki-website/src/pages/payment/cancel.svelte',
+          importPath: '../src/pages/payment/cancel.svelte',
+          isLayout: false,
+          isReset: false,
+          isIndex: false,
+          isFallback: false,
+          isPage: true,
+          ownMeta: {},
+          meta: {
+            recursive: true,
+            preload: false,
+            prerender: true,
           },
-          "path": "/payment/cancel",
-          "id": "_payment_cancel",
-          "component": () => import('../src/pages/payment/cancel.svelte').then(m => m.default)
+          path: '/payment/cancel',
+          id: '_payment_cancel',
+          component: () =>
+            import('../src/pages/payment/cancel.svelte').then((m) => m.default),
         },
         {
-          "isFile": true,
-          "isDir": false,
-          "file": "checkout.svelte",
-          "filepath": "/payment/checkout.svelte",
-          "name": "checkout",
-          "ext": "svelte",
-          "badExt": false,
-          "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/payment/checkout.svelte",
-          "importPath": "../src/pages/payment/checkout.svelte",
-          "isLayout": false,
-          "isReset": false,
-          "isIndex": false,
-          "isFallback": false,
-          "isPage": true,
-          "ownMeta": {},
-          "meta": {
-            "recursive": true,
-            "preload": false,
-            "prerender": true
+          isFile: true,
+          isDir: false,
+          file: 'checkout.svelte',
+          filepath: '/payment/checkout.svelte',
+          name: 'checkout',
+          ext: 'svelte',
+          badExt: false,
+          absolutePath:
+            '/home/jaskaran/fun/enki-website/src/pages/payment/checkout.svelte',
+          importPath: '../src/pages/payment/checkout.svelte',
+          isLayout: false,
+          isReset: false,
+          isIndex: false,
+          isFallback: false,
+          isPage: true,
+          ownMeta: {},
+          meta: {
+            recursive: true,
+            preload: false,
+            prerender: true,
           },
-          "path": "/payment/checkout",
-          "id": "_payment_checkout",
-          "component": () => import('../src/pages/payment/checkout.svelte').then(m => m.default)
+          path: '/payment/checkout',
+          id: '_payment_checkout',
+          component: () =>
+            import('../src/pages/payment/checkout.svelte').then(
+              (m) => m.default
+            ),
         },
         {
-          "isFile": true,
-          "isDir": false,
-          "file": "success.svelte",
-          "filepath": "/payment/success.svelte",
-          "name": "success",
-          "ext": "svelte",
-          "badExt": false,
-          "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/payment/success.svelte",
-          "importPath": "../src/pages/payment/success.svelte",
-          "isLayout": false,
-          "isReset": false,
-          "isIndex": false,
-          "isFallback": false,
-          "isPage": true,
-          "ownMeta": {},
-          "meta": {
-            "recursive": true,
-            "preload": false,
-            "prerender": true
+          isFile: true,
+          isDir: false,
+          file: 'success.svelte',
+          filepath: '/payment/success.svelte',
+          name: 'success',
+          ext: 'svelte',
+          badExt: false,
+          absolutePath:
+            '/home/jaskaran/fun/enki-website/src/pages/payment/success.svelte',
+          importPath: '../src/pages/payment/success.svelte',
+          isLayout: false,
+          isReset: false,
+          isIndex: false,
+          isFallback: false,
+          isPage: true,
+          ownMeta: {},
+          meta: {
+            recursive: true,
+            preload: false,
+            prerender: true,
           },
-          "path": "/payment/success",
-          "id": "_payment_success",
-          "component": () => import('../src/pages/payment/success.svelte').then(m => m.default)
-        }
+          path: '/payment/success',
+          id: '_payment_success',
+          component: () =>
+            import('../src/pages/payment/success.svelte').then(
+              (m) => m.default
+            ),
+        },
       ],
-      "isLayout": true,
-      "isReset": false,
-      "isIndex": false,
-      "isFallback": false,
-      "isPage": false,
-      "importPath": "../src/pages/payment/_layout.svelte",
-      "ownMeta": {},
-      "meta": {
-        "recursive": true,
-        "preload": false,
-        "prerender": true
+      isLayout: true,
+      isReset: false,
+      isIndex: false,
+      isFallback: false,
+      isPage: false,
+      importPath: '../src/pages/payment/_layout.svelte',
+      ownMeta: {},
+      meta: {
+        recursive: true,
+        preload: false,
+        prerender: true,
       },
-      "path": "/payment",
-      "id": "_payment__layout",
-      "component": () => import('../src/pages/payment/_layout.svelte').then(m => m.default)
+      path: '/payment',
+      id: '_payment__layout',
+      component: () =>
+        import('../src/pages/payment/_layout.svelte').then((m) => m.default),
     },
     {
-      "isFile": true,
-      "isDir": true,
-      "file": "_layout.svelte",
-      "filepath": "/services/_layout.svelte",
-      "name": "_layout",
-      "ext": "svelte",
-      "badExt": false,
-      "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/services/_layout.svelte",
-      "children": [
+      isFile: true,
+      isDir: true,
+      file: '_layout.svelte',
+      filepath: '/services/_layout.svelte',
+      name: '_layout',
+      ext: 'svelte',
+      badExt: false,
+      absolutePath:
+        '/home/jaskaran/fun/enki-website/src/pages/services/_layout.svelte',
+      children: [
         {
-          "isFile": true,
-          "isDir": false,
-          "file": "index.svelte",
-          "filepath": "/services/index.svelte",
-          "name": "index",
-          "ext": "svelte",
-          "badExt": false,
-          "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/services/index.svelte",
-          "importPath": "../src/pages/services/index.svelte",
-          "isLayout": false,
-          "isReset": false,
-          "isIndex": true,
-          "isFallback": false,
-          "isPage": true,
-          "ownMeta": {},
-          "meta": {
-            "recursive": true,
-            "preload": false,
-            "prerender": true
+          isFile: true,
+          isDir: false,
+          file: 'index.svelte',
+          filepath: '/services/index.svelte',
+          name: 'index',
+          ext: 'svelte',
+          badExt: false,
+          absolutePath:
+            '/home/jaskaran/fun/enki-website/src/pages/services/index.svelte',
+          importPath: '../src/pages/services/index.svelte',
+          isLayout: false,
+          isReset: false,
+          isIndex: true,
+          isFallback: false,
+          isPage: true,
+          ownMeta: {},
+          meta: {
+            recursive: true,
+            preload: false,
+            prerender: true,
           },
-          "path": "/services/index",
-          "id": "_services_index",
-          "component": () => import('../src/pages/services/index.svelte').then(m => m.default)
-        }
+          path: '/services/index',
+          id: '_services_index',
+          component: () =>
+            import('../src/pages/services/index.svelte').then((m) => m.default),
+        },
       ],
-      "isLayout": true,
-      "isReset": false,
-      "isIndex": false,
-      "isFallback": false,
-      "isPage": false,
-      "importPath": "../src/pages/services/_layout.svelte",
-      "ownMeta": {},
-      "meta": {
-        "recursive": true,
-        "preload": false,
-        "prerender": true
+      isLayout: true,
+      isReset: false,
+      isIndex: false,
+      isFallback: false,
+      isPage: false,
+      importPath: '../src/pages/services/_layout.svelte',
+      ownMeta: {},
+      meta: {
+        recursive: true,
+        preload: false,
+        prerender: true,
       },
-      "path": "/services",
-      "id": "_services__layout",
-      "component": () => import('../src/pages/services/_layout.svelte').then(m => m.default)
+      path: '/services',
+      id: '_services__layout',
+      component: () =>
+        import('../src/pages/services/_layout.svelte').then((m) => m.default),
     },
     {
-      "isFile": true,
-      "isDir": true,
-      "file": "_layout.svelte",
-      "filepath": "/what-we-offer/_layout.svelte",
-      "name": "_layout",
-      "ext": "svelte",
-      "badExt": false,
-      "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/what-we-offer/_layout.svelte",
-      "children": [
+      isFile: true,
+      isDir: true,
+      file: '_layout.svelte',
+      filepath: '/what-we-offer/_layout.svelte',
+      name: '_layout',
+      ext: 'svelte',
+      badExt: false,
+      absolutePath:
+        '/home/jaskaran/fun/enki-website/src/pages/what-we-offer/_layout.svelte',
+      children: [
         {
-          "isFile": true,
-          "isDir": false,
-          "file": "index.svelte",
-          "filepath": "/what-we-offer/index.svelte",
-          "name": "index",
-          "ext": "svelte",
-          "badExt": false,
-          "absolutePath": "/home/jaskaran/fun/enki-website/src/pages/what-we-offer/index.svelte",
-          "importPath": "../src/pages/what-we-offer/index.svelte",
-          "isLayout": false,
-          "isReset": false,
-          "isIndex": true,
-          "isFallback": false,
-          "isPage": true,
-          "ownMeta": {},
-          "meta": {
-            "recursive": true,
-            "preload": false,
-            "prerender": true
+          isFile: true,
+          isDir: false,
+          file: 'index.svelte',
+          filepath: '/what-we-offer/index.svelte',
+          name: 'index',
+          ext: 'svelte',
+          badExt: false,
+          absolutePath:
+            '/home/jaskaran/fun/enki-website/src/pages/what-we-offer/index.svelte',
+          importPath: '../src/pages/what-we-offer/index.svelte',
+          isLayout: false,
+          isReset: false,
+          isIndex: true,
+          isFallback: false,
+          isPage: true,
+          ownMeta: {},
+          meta: {
+            recursive: true,
+            preload: false,
+            prerender: true,
           },
-          "path": "/what-we-offer/index",
-          "id": "_whatWeOffer_index",
-          "component": () => import('../src/pages/what-we-offer/index.svelte').then(m => m.default)
-        }
+          path: '/what-we-offer/index',
+          id: '_whatWeOffer_index',
+          component: () =>
+            import('../src/pages/what-we-offer/index.svelte').then(
+              (m) => m.default
+            ),
+        },
       ],
-      "isLayout": true,
-      "isReset": false,
-      "isIndex": false,
-      "isFallback": false,
-      "isPage": false,
-      "importPath": "../src/pages/what-we-offer/_layout.svelte",
-      "ownMeta": {},
-      "meta": {
-        "recursive": true,
-        "preload": false,
-        "prerender": true
+      isLayout: true,
+      isReset: false,
+      isIndex: false,
+      isFallback: false,
+      isPage: false,
+      importPath: '../src/pages/what-we-offer/_layout.svelte',
+      ownMeta: {},
+      meta: {
+        recursive: true,
+        preload: false,
+        prerender: true,
       },
-      "path": "/what-we-offer",
-      "id": "_whatWeOffer__layout",
-      "component": () => import('../src/pages/what-we-offer/_layout.svelte').then(m => m.default)
-    }
+      path: '/what-we-offer',
+      id: '_whatWeOffer__layout',
+      component: () =>
+        import('../src/pages/what-we-offer/_layout.svelte').then(
+          (m) => m.default
+        ),
+    },
   ],
-  "isLayout": true,
-  "isReset": false,
-  "isIndex": false,
-  "isFallback": false,
-  "isPage": false,
-  "isFile": true,
-  "file": "_layout.svelte",
-  "ext": "svelte",
-  "badExt": false,
-  "importPath": "../src/pages/_layout.svelte",
-  "meta": {
-    "recursive": true,
-    "preload": false,
-    "prerender": true
+  isLayout: true,
+  isReset: false,
+  isIndex: false,
+  isFallback: false,
+  isPage: false,
+  isFile: true,
+  file: '_layout.svelte',
+  ext: 'svelte',
+  badExt: false,
+  importPath: '../src/pages/_layout.svelte',
+  meta: {
+    recursive: true,
+    preload: false,
+    prerender: true,
   },
-  "path": "/",
-  "id": "__layout",
-  "component": () => import('../src/pages/_layout.svelte').then(m => m.default)
-}
-
-
-export const {tree, routes} = buildClientTree(_tree)
+  path: '/',
+  id: '__layout',
+  component: () => import('../src/pages/_layout.svelte').then((m) => m.default),
+};
 
+export const { tree, routes } = buildClientTree(_tree);
diff --git a/src/components/ProductView/ProductView.svelte b/src/components/ProductView/ProductView.svelte
index 0adbb305..bee33375 100644
--- a/src/components/ProductView/ProductView.svelte
+++ b/src/components/ProductView/ProductView.svelte
@@ -26,11 +26,11 @@
       `${process.env.SERVER_URL}/products-by-category?id=${id}`,
       getProducts
     )()();
-    productArr = result['_tag'] === 'Right' ? result.right as Product[] : [];
-  }
+    productArr = result['_tag'] === 'Right' ? (result.right as Product[]) : [];
+  };
 
   onMount(async () => await refreshProducts(categoryId));
-  $: refreshProducts(categoryId)
+  $: refreshProducts(categoryId);
 </script>
 
 <style>
diff --git a/src/components/SearchJewellery/SearchJewellery.svelte b/src/components/SearchJewellery/SearchJewellery.svelte
index b1621bd9..0c047496 100644
--- a/src/components/SearchJewellery/SearchJewellery.svelte
+++ b/src/components/SearchJewellery/SearchJewellery.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import { jewellery } from '../../stores/jewellery';
   import { onMount } from 'svelte';
-  
+
   let searchValue: string = '';
-  
+
   let results: any[] = [];
 
   const fetchJewelleryProducts = async () => {
@@ -12,7 +12,7 @@
         `${process.env.SERVER_URL}/jewellery-products`
       );
       const parsedResult = await response.json();
-      console.log("fetched", parsedResult)
+      console.log('fetched', parsedResult);
       return parsedResult;
     } catch (err) {
       console.error('fetching jewellery products failed', err);
diff --git a/src/libs/requests.ts b/src/libs/requests.ts
index 5051e7e1..6aea4dab 100644
--- a/src/libs/requests.ts
+++ b/src/libs/requests.ts
@@ -33,5 +33,5 @@ export interface GetFn<T> {
   (url: string): Promise<T | ReadonlyArray<T>>;
 }
 
-
-export const getCategoryId: GetFn<string> = (url: string): Promise<string> => fetch(url).then((res) => res.json());
+export const getCategoryId: GetFn<string> = (url: string): Promise<string> =>
+  fetch(url).then((res) => res.json());
diff --git a/src/pages/online-shop/[category].svelte b/src/pages/online-shop/[category].svelte
index dcb1d31b..6a062fa8 100644
--- a/src/pages/online-shop/[category].svelte
+++ b/src/pages/online-shop/[category].svelte
@@ -6,14 +6,13 @@
   import SearchJewellery from '../../components/SearchJewellery/SearchJewellery.svelte';
   import { retrieveStateFn, getCategoryId } from '../../libs/requests';
 
-  import type { Category } from '../../stores/categories'
+  import type { Category } from '../../stores/categories';
 
   export let category: string;
 
-  const JEWELLERY_CATEGORY = process.env.JEWELLERY_CATEGORY_ID
+  const JEWELLERY_CATEGORY = process.env.JEWELLERY_CATEGORY_ID;
 
-
-    onMount(async () => {
+  onMount(async () => {
     // This prevents the app for fetching the categories if it has already pulled them
     // but will pull them if visiting the link directly
     // if (!$categories.hasOwnProperty('Id') || $categories.Id === '') {
@@ -21,9 +20,15 @@
     //   const data: Category = result['_tag'] === 'Right' ? JSON.parse(result.right as string) : { Id: '', Name: '', Children: []}
     //   categories.set(data);
     // }
-      const result = await retrieveStateFn(`${process.env.SERVER_URL}/category?id=${category}`, getCategoryId)()()
-      const data: Category = result['_tag'] === 'Right' ? JSON.parse(result.right as string) : { Id: '', Name: '', Children: []}
-      categories.set(data);
+    const result = await retrieveStateFn(
+      `${process.env.SERVER_URL}/category?id=${category}`,
+      getCategoryId
+    )()();
+    const data: Category =
+      result['_tag'] === 'Right'
+        ? JSON.parse(result.right as string)
+        : { Id: '', Name: '', Children: [] };
+    categories.set(data);
   });
 </script>
 
diff --git a/src/pages/online-shop/[subCategory]/[subCategory].svelte b/src/pages/online-shop/[subCategory]/[subCategory].svelte
index 24b0e89d..c31589a4 100644
--- a/src/pages/online-shop/[subCategory]/[subCategory].svelte
+++ b/src/pages/online-shop/[subCategory]/[subCategory].svelte
@@ -25,20 +25,20 @@
 
     //   categories.set(data);
     // } else {
-      //   // show category children OR show productview
-      //   const matchedCat = [...$categories.Children];
-      //   categories.set(matchedCat.find(obj => obj.Id.toString() === subCategory)!)
-      // }
-      
-      const result = await retrieveStateFn(
-        `${process.env.SERVER_URL}/category?id=${subCategory}`,
-        getCategoryId
-        )()();
-        const data: Category =
-        result['_tag'] === 'Right'
+    //   // show category children OR show productview
+    //   const matchedCat = [...$categories.Children];
+    //   categories.set(matchedCat.find(obj => obj.Id.toString() === subCategory)!)
+    // }
+
+    const result = await retrieveStateFn(
+      `${process.env.SERVER_URL}/category?id=${subCategory}`,
+      getCategoryId
+    )()();
+    const data: Category =
+      result['_tag'] === 'Right'
         ? JSON.parse(result.right as string)
         : { Id: '', Name: '', Children: [] };
-          categories.set(data);
+    categories.set(data);
   });
 </script>
 
@@ -54,20 +54,20 @@
     {#each $categories.Children as cat}
       <button
         on:click={() => {
-          showProduct = true
-          console.log(cat.Id)
-          productToShow = cat.Id
-          console.log(productToShow)
-          }}>
+          showProduct = true;
+          console.log(cat.Id);
+          productToShow = cat.Id;
+          console.log(productToShow);
+        }}>
         {cat.Name}
       </button>
-      {/each}
-      {:else}
-      <ProductView categoryId={subCategory} />
-      {/if}
-      
+    {/each}
+  {:else}
+    <ProductView categoryId={subCategory} />
+  {/if}
+
   {#if showProduct}
-    {console.log("product to show:", productToShow)}
+    {console.log('product to show:', productToShow)}
     <ProductView categoryId={productToShow} />
   {/if}
-{/if}
\ No newline at end of file
+{/if}
diff --git a/src/stores/categories.ts b/src/stores/categories.ts
index f65fb1a8..39e298a1 100644
--- a/src/stores/categories.ts
+++ b/src/stores/categories.ts
@@ -1,14 +1,13 @@
 import { writable } from 'svelte/store';
 
 export interface Category {
-    Id: string;
-    Name: string;
-    Children: Category[];
-  }
-
+  Id: string;
+  Name: string;
+  Children: Category[];
+}
 
 export const categories = writable<Category>({
   Id: '',
   Name: '',
-  Children: []
+  Children: [],
 });