[#58] remove api nuxt plugin

Author: Kreezag

layouts/default.vue

@@ -18,6 +18,7 @@ import { defineComponent } from "vue";
 import { useNuxtApp } from "#app";
 import { LayoutSidebar } from "~/src/widgets/ui";
 import { useEvents } from "~/src/shared/lib/use-events";
+import { useSettings } from "~/src/shared/lib/use-settings";
 import SfdumpWrap from "~/src/shared/lib/vendor/dumper";
 import { useSettingsStore } from "~/stores/settings";
 
@@ -31,9 +32,12 @@ export default defineComponent({
 
     const settingsStore = useSettingsStore();
     const { themeType, isFixedHeader } = storeToRefs(settingsStore);
-    const { $config, $api } = useNuxtApp();
+    const { $config } = useNuxtApp();
+    const {
+      api: { getVersion },
+    } = useSettings();
 
-    const apiVersion = await $api.getVersion();
+    const apiVersion = await getVersion();
 
     const { events } = useEvents();
 

nuxt.config.ts

@@ -41,9 +41,6 @@ export default defineNuxtConfig({
     },
   },
   css: ["~/assets/index.css"],
-  plugins: [
-    {src: '~/plugins/api.client.ts'},
-  ],
   modules: [
     '@nuxtjs/tailwindcss',
     '@pinia/nuxt',

src/shared/lib/use-settings/index.ts

@@ -0,0 +1 @@
+export * from './use-settings'

plugins/api.client.ts renamed to src/shared/lib/use-settings/use-settings.ts

@@ -1,16 +1,21 @@
-import { REST_API_URL } from "~/src/shared/lib/io";
+import { REST_API_URL } from "../io";
 
-export default defineNuxtPlugin(() => {
+
+type TUseSettings = {
+  api: {
+    getVersion: () => Promise<string>
+  }
+}
+
+export const useSettings = (): TUseSettings => {
   const getAppVersion = () => fetch(`${REST_API_URL}/api/version`)
     .then((response) => response.json())
     .then((response) => response?.version || 'unknown')
     .catch(() => 'unknown');
 
   return {
-    provide: {
-      api: {
-        getVersion: getAppVersion,
-      }
+    api: {
+      getVersion: getAppVersion,
     }
   }
-})
+}