feat: Switch architecture into full Nuxt layers

layers/app/assets/css/index.css

@@ -0,0 +1,2 @@
+@import "tailwindcss";
+@import "@nuxt/ui";

layers/app/nuxt.config.ts

@@ -0,0 +1,29 @@
+import vue from '@vitejs/plugin-vue'
+
+export default defineNuxtConfig({
+  nitro: {
+    rollupConfig: {
+      // @ts-expect-error - this is not typed
+      plugins: [vue()]
+    }
+  },
+
+  $development: {
+    routeRules: {
+      '/api/**': { cors: true },
+    },
+  },
+
+  $production: {
+    routeRules: {
+      '/api/**': { cors: true }
+    },
+  },
+
+  modules: [
+    '@vueuse/nuxt',
+    'nuxt-auth-utils',
+  ],
+
+  compatibilityDate: '2025-01-24',
+})

layers/base/nuxt.config.ts

@@ -0,0 +1,36 @@
+
+export default defineNuxtConfig({
+  devtools: {
+    enabled: true,
+    timeline: {
+      enabled: true,
+    },
+  },
+
+  modules: [
+    '@nuxt/image',
+    '@nuxt/ui',
+    'nuxt-build-cache'
+  ],
+
+  colorMode: {
+    preference: 'dark',
+    fallback: 'dark'
+  },
+
+  $development: {
+    runtimeConfig: {
+      public: {
+        apiUrl: 'http://localhost:3001',
+      }
+    }
+  },
+
+  $production: {
+    runtimeConfig: {
+      public: {
+        apiUrl: 'https://app.shelve.cloud',
+      }
+    }
+  },
+})

lp/nuxt.config.ts → layers/lp/nuxt.config.ts

@@ -4,10 +4,6 @@ export default defineNuxtConfig({
     '/vault': { isr: true, prerender: true }
   },
 
-  future: {
-    compatibilityVersion: 4,
-  },
-
   modules: [
     '@nuxt/ui-pro',
     '@nuxtjs/seo',
@@ -16,15 +12,6 @@ export default defineNuxtConfig({
     '@nuxt/scripts'
   ],
 
-  runtimeConfig: {
-    private: {
-      encryptionKey: '',
-      vault: {
-        url: ''
-      },
-    },
-  },
-
   content: {
     preview: {
       api: 'https://api.nuxt.studio'
@@ -49,10 +36,6 @@ export default defineNuxtConfig({
     },
   },
 
-  experimental: {
-    viewTransition: true,
-  },
-
   image: {
     provider: 'ipx'
   },
@@ -62,8 +45,4 @@ export default defineNuxtConfig({
     defaultLocale: 'en',
     indexable: true,
   },
-
-  css: ['~/assets/css/index.css'],
-
-  extends: '../base',
 })

lp/server/services/vault.service.ts → layers/lp/server/services/vault.service.ts

@@ -1,6 +1,6 @@
 import type { Storage, StorageValue } from 'unstorage'
 import type { H3Event } from 'h3'
-import type { DecryptResponse, EncryptRequest, StoredData, TTLFormat } from '../../../packages/types'
+import type { DecryptResponse, EncryptRequest, StoredData, TTLFormat } from '../../../../packages/types'
 
 export class VaultService {