Fixed all type issues that were flagged in the IDE

frontend/composables/useApi.ts

@@ -8,7 +8,7 @@ export const useApi = () => {
     }
 
     // Add tenant ID from localStorage or state
-    if (process.client) {
+    if (import.meta.client) {
       const tenantId = localStorage.getItem('tenantId')
       if (tenantId) {
         headers['x-tenant-id'] = tenantId

frontend/package.json

@@ -27,6 +27,7 @@
   },
   "devDependencies": {
     "@nuxtjs/color-mode": "^3.3.2",
+    "@types/node": "^24.10.1",
     "autoprefixer": "^10.4.17",
     "postcss": "^8.4.33",
     "tailwindcss": "^3.4.1",

frontend/pages/app/[appSlug]/[pageSlug].vue

@@ -54,12 +54,12 @@ const { api } = useApi()
 const appSlug = computed(() => route.params.appSlug as string)
 const pageSlug = computed(() => route.params.pageSlug as string)
 
-const pages = ref([])
-const page = ref(null)
-const records = ref([])
+const pages = ref<any[]>([])
+const page = ref<any>(null)
+const records = ref<any[]>([])
 const loading = ref(true)
 const loadingRecords = ref(false)
-const error = ref(null)
+const error = ref<string | null>(null)
 
 const fetchPage = async () => {
   try {

frontend/pages/app/[appSlug]/[pageSlug]/[recordId].vue

@@ -39,9 +39,9 @@ const appSlug = computed(() => route.params.appSlug as string)
 const pageSlug = computed(() => route.params.pageSlug as string)
 const recordId = computed(() => route.params.recordId as string)
 
-const record = ref(null)
+const record = ref<any>(null)
 const loading = ref(true)
-const error = ref(null)
+const error = ref<string | null>(null)
 const objectApiName = ref('')
 
 const fetchRecord = async () => {

frontend/pages/setup/apps/[slug].vue

@@ -45,9 +45,9 @@
 const route = useRoute()
 const { api } = useApi()
 
-const app = ref(null)
+const app = ref<any>(null)
 const loading = ref(true)
-const error = ref(null)
+const error = ref<string | null>(null)
 
 const fetchApp = async () => {
   try {

frontend/pages/setup/apps/index.vue

@@ -106,9 +106,9 @@
 <script setup lang="ts">
 const { api } = useApi()
 
-const apps = ref([])
+const apps = ref<any[]>([])
 const loading = ref(true)
-const error = ref(null)
+const error = ref<string | null>(null)
 const showCreateForm = ref(false)
 const newApp = ref({
   slug: '',

frontend/pages/setup/objects/[apiName].vue

@@ -53,9 +53,9 @@
 const route = useRoute()
 const { api } = useApi()
 
-const object = ref(null)
+const object = ref<any>(null)
 const loading = ref(true)
-const error = ref(null)
+const error = ref<string | null>(null)
 
 const fetchObject = async () => {
   try {

frontend/pages/setup/objects/index.vue

@@ -123,9 +123,9 @@
 <script setup lang="ts">
 const { api } = useApi()
 
-const objects = ref([])
+const objects = ref<any[]>([])
 const loading = ref(true)
-const error = ref(null)
+const error = ref<string | null>(null)
 const showCreateForm = ref(false)
 const newObject = ref({
   apiName: '',

frontend/tsconfig.json

@@ -1,15 +1,5 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "jsx": "preserve",
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
     "types": ["node"]
   },
   "extends": "./.nuxt/tsconfig.json"

infra/docker-compose.yml

@@ -13,7 +13,7 @@ services:
       - "3000:3000"
     volumes:
       - ../backend:/usr/src/app
-      - /usr/src/app/node_modules
+      - ../backend/node_modules:/usr/src/app/node_modules
     depends_on:
       - db
       - redis
@@ -32,7 +32,7 @@ services:
       - "3001:3001"
     volumes:
       - ../frontend:/usr/src/app
-      - /usr/src/app/node_modules
+      - ../frontend/node_modules:/usr/src/app/node_modules
     depends_on:
       - api
     networks: