Reworking the layouts to allow for the new design

vite.config.js

@@ -1,25 +1,26 @@
-import { fileURLToPath, URL } from 'node:url'
-import { defineConfig, loadEnv } from 'vite'
+import {fileURLToPath, URL} from 'node:url'
+import {defineConfig, loadEnv} from 'vite'
 import vue from '@vitejs/plugin-vue'
-
+import svgLoader from 'vite-svg-loader'
 
 // https://vitejs.dev/config/
-export default defineConfig(({ mode }) => {
-  // Load environment variables based on the mode
-  const env = loadEnv(mode, process.cwd(), '')
-  return {
-    plugins: [
-      vue(),
-    ],
-    resolve: {
-      alias: {
-        '@': fileURLToPath(new URL('./src', import.meta.url))
-      }
-    },
-    define: {
-      // Define a global constant __APP_ENV__ based on loaded environment variables
-      VITE_API_URL: JSON.stringify(env.VITE_API_URL),
-      VITE_STRIPE_API_KEY: JSON.stringify(env.VITE_STRIPE_API_KEY)
+export default defineConfig(({mode}) => {
+    // Load environment variables based on the mode
+    const env = loadEnv(mode, process.cwd(), '')
+    return {
+        plugins: [
+            vue(),
+            svgLoader()
+        ],
+        resolve: {
+            alias: {
+                '@': fileURLToPath(new URL('./src', import.meta.url))
+            }
+        },
+        define: {
+            // Define a global constant __APP_ENV__ based on loaded environment variables
+            VITE_API_URL: JSON.stringify(env.VITE_API_URL),
+            VITE_STRIPE_API_KEY: JSON.stringify(env.VITE_STRIPE_API_KEY)
+        }
     }
-  }
 })