fix imports

src/App.vue

@@ -1,31 +1,4 @@
 <script setup lang="ts">
-import { createMongoAbility } from '@casl/ability'
-import { useMainStore } from '@stores/useMainStore'
-import { instantiateApiClient } from '@services/ApiService'
-import { useAbility } from '@casl/vue'
-import LogService from '@services/LogService'
-
-const { jwtPayload, cookie } = useMainStore()
-const perms = useAbility()
-console.log("App.vue", jwtPayload)
-
-if (jwtPayload){
-	instantiateApiClient(cookie)
-	
-	perms.update(
-		createMongoAbility(
-			jwtPayload === null
-				? []
-				: Object.entries(jwtPayload.permissions).map(([subject, action]) => ({
-						subject,
-						action,
-					})),
-		).rules,
-	)
-	LogService.success(`Authenticated as ${jwtPayload.username}`)
-
-}
-
 </script>
 
 <template>

src/composables/perms.ts

@@ -1,4 +1,4 @@
 import { useAbility } from '@casl/vue'
-import type { AppAbility } from '@/api'
+import type { AppAbility } from '@services/ApiService'
 
 export const usePerms = () => useAbility<AppAbility>()

src/services/EmbedderConfigService.ts

@@ -1,4 +1,4 @@
-import { apiClient, tryRequest } from '@/api'
+import { apiClient, tryRequest } from '@services/ApiService'
 import type { JSONSettings } from '@models/JSONSchema'
 
 /*

src/services/LLMConfigService.ts

@@ -1,4 +1,4 @@
-import { apiClient, tryRequest } from '@/api'
+import { apiClient, tryRequest } from '@services/ApiService'
 import type { JSONSettings } from '@models/JSONSchema'
 
 /*

src/services/UserService.ts

@@ -1,4 +1,4 @@
-import { apiClient, tryRequest } from '@/api'
+import { apiClient, tryRequest } from '@services/ApiService'
 import type { UserCreate, UserCredentials, UserUpdate } from 'ccat-api'
 
 /*

src/stores/useMainStore.ts

@@ -2,6 +2,10 @@ import type { AuthPermission, AuthResource } from 'ccat-api'
 import type { JwtPayload } from 'jwt-decode'
 import { useJwt } from '@vueuse/integrations/useJwt'
 import { useCookies } from '@vueuse/integrations/useCookies'
+import { useAbility } from '@casl/vue'
+import { createMongoAbility } from '@casl/ability'
+
+import { instantiateApiClient } from '@services/ApiService'
 import LogService from '@services/LogService'
 
 
@@ -33,6 +37,26 @@ export const useMainStore = defineStore('main', () => {
 		return payload.value
 	})
 
+	/**
+	 * User permissions
+	 */
+	const perms = useAbility()
+	if (jwtPayload.value){
+		instantiateApiClient(cookie.value)
+
+		perms.update(
+			createMongoAbility(
+				jwtPayload.value === null
+					? []
+					: Object.entries(jwtPayload.value.permissions).map(([subject, action]) => ({
+							subject,
+							action,
+						})),
+			).rules,
+		)
+		LogService.success(`Authenticated as ${jwtPayload.value.username}`)
+
+	}
 	/**
 	 * Dark theme
 	 */
@@ -65,7 +89,8 @@ export const useMainStore = defineStore('main', () => {
 		pluginsFilters,
 		toggleDark,
 		cookie,
-		jwtPayload
+		jwtPayload,
+		perms
 	}
 })
 

src/views/SettingsView.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useUsers } from '@stores/useUsers'
 import { startCase, lowerCase, cloneDeep } from 'lodash'
-import { apiClient, tryRequest } from '@/api'
+import { apiClient, tryRequest } from '@services/ApiService'
 import ModalBox from '@components/ModalBox.vue'
 import SidePanel from '@components/SidePanel.vue'
 import type { Status, UserResponse } from 'ccat-api'

vite.config.mts

@@ -51,8 +51,8 @@ export default defineConfig({
 									'Content-Type': 'application/json',
 								},
 								body: JSON.stringify({
-									username: 'admin',
-									password: 'admin',
+									username: 'user',
+									password: 'user',
 								}),
 							})
 						).json()