frontend/pages/applications/[slug].vue

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import type { Application, ApplicationWrite, Environment, EnvironmentWrite } from '~/services/dto/application'
+import { getApplication, updateApplication, deleteApplication } from '~/services/applications'
+import { createEnvironment, updateEnvironment, deleteEnvironment, toggleMaintenance } from '~/services/environments'
+
 const { t } = useI18n()
 const route = useRoute()
 const router = useRouter()

frontend/pages/applications/index.vue

@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import type { Application, ApplicationWrite } from '~/services/dto/application'
+import { getApplications, createApplication } from '~/services/applications'
+
 const { t } = useI18n()
 const router = useRouter()
 

frontend/services/applications.ts

@@ -1,3 +1,6 @@
+import type { Application, ApplicationWrite } from './dto/application'
+import { type HydraCollection, extractHydraMembers } from '~/utils/api'
+
 export function getApplications(): Promise<Application[]> {
     const api = useApi()
     return api.get<Application[]>('/applications', undefined, {

frontend/services/environments.ts

@@ -1,3 +1,5 @@
+import type { Environment, EnvironmentWrite } from './dto/application'
+
 export function createEnvironment(appSlug: string, data: EnvironmentWrite): Promise<Environment> {
     return useApi().post<Environment>(`/applications/${appSlug}/environments`, data, {
         toastSuccessKey: 'success.environments.create',