feat(log): Добавлено логгирование

composables/api.ts

@@ -1,6 +0,0 @@
-import { $fetch } from 'ofetch'
-
-const { API_URL } = useRuntimeConfig()
-const anal = $fetch.create({
-    baseURL: API_URL,
-})

composables/useLogger.ts

@@ -0,0 +1,25 @@
+import { createConsola, consola } from 'consola';
+
+export function useLogger(tag: string) {
+    const log = createConsola({
+        formatOptions: {
+            date: true,
+            colors: true,
+        },
+        defaults: {
+            tag,
+        },
+        reporters: [
+            {
+                log: (ctx) => {
+                    // Logging only on DEV
+                    if (import.meta.dev) {
+                        consola._log(ctx);
+                    }
+                }
+            }
+        ]
+    });
+
+    return log;
+}

nuxt.config.ts

@@ -42,7 +42,7 @@ export default defineNuxtConfig({
 
   runtimeConfig: {
     public: {
-      API_URL: import.meta.env.API_URL || "http://localhost:8000"
+      API_URL: process.env.API_URL || "http://localhost:8000"
     }
   },
 })

store/useUser.ts

@@ -4,10 +4,13 @@ interface TUserData {
 }
 
 export const useUser = defineStore("useUser", () => {
+    const log = useLogger('useUser')
     const data = ref({} as TUserData)
 
     function setUserData(obj: TUserData) {
         data.value = obj
+
+        log.success('Store was updated:', JSON.stringify(obj))
     }
 
     return {data, setUserData}