auth

pages/character/skins/[id].vue

@@ -137,6 +137,7 @@
     const router = useRouter();
     const route = useRoute();
     const config = useRuntimeConfig();
+    const { $api } = useNuxtApp();
 
     const isLoading = ref(false);
 
@@ -153,7 +154,7 @@
 
     const { data: characters } = await useAsyncData('characters', 
         () => { 
-            return $fetch(`${config.public.apiBase}/character/characters/`, {
+            return $api(`/character/characters/`, {
                 params: {
                     page: params.current_page,
                     page_size: params.pagesize,
@@ -164,7 +165,7 @@
     );
 
     const { data: form, refresh } = await useAsyncData('skin-get', 
-        () => $fetch(`${config.public.apiBase}/character/character-skins/${route.params.id}/`, {})
+        () => $api(`/character/character-skins/${route.params.id}/`, {})
     );
 
     const $validate = useVuelidate(rules, { form });
@@ -212,7 +213,7 @@
         }
 
         isLoading.value = true;
-        await $fetch(`${config.public.apiBase}/character/character-skins/${route.params.id}/`, {
+        await $api(`/character/character-skins/${route.params.id}/`, {
             method: 'PUT',
             body: formData
         }).then(() => {

pages/character/skins/add.vue

@@ -144,6 +144,7 @@
     const $validate = useVuelidate(rules, { form });
     const router = useRouter();
     const config = useRuntimeConfig();
+    const { $api } = useNuxtApp();
 
     const params = reactive({
         current_page: 1,
@@ -153,7 +154,7 @@
     });
     
     const { data: characters } = await useAsyncData('characters', 
-        () => $fetch(`${config.public.apiBase}/character/characters/`, {
+        () => $api(`/character/characters/`, {
             params: {
                 page: params.current_page,
                 page_size: 50
@@ -208,7 +209,7 @@
         }
 
         isLoading.value = true;
-        await $fetch(`${config.public.apiBase}/character/character-skins/`, {
+        await $api(`/character/character-skins/`, {
             method: 'POST',
             body: formData
         }).then(() => {

pages/character/skins/list.vue

@@ -67,6 +67,7 @@
 
     const router = useRouter();
     const config = useRuntimeConfig();
+    const { $api } = useNuxtApp();
 
     const cols =
         ref([
@@ -94,7 +95,7 @@
     const totalRows = computed(() => skins.value?.count ?? 0);
     const { data: skins } = await useAsyncData('skins', 
         () => { 
-            return $fetch(`${config.public.apiBase}/character/character-skins/`, {
+            return $api(`/character/character-skins/`, {
                 params: {
                     page: params.current_page,
                     page_size: params.pagesize,
@@ -124,7 +125,7 @@
     const deleteData = async (data: any) => {
 
         //delete data with API
-        await $fetch(`${config.public.apiBase}character/character-skins/${data.id}/`, {
+        await $api(`/character/character-skins/${data.id}/`, {
             method: 'DELETE'
         });