fix: use nuxt imports

Author: vis97c

packages/components-vue/package.json

@@ -72,13 +72,18 @@
 		"@types/node": "^18.17.17",
 		"@vitejs/plugin-vue": "^4.2.1",
 		"vite": "^5.0.10",
-		"vue": "^3.3.12",
-		"vue-router": "^4",
-		"vue-tsc": "^1.6.4"
+		"vue": "^3.4.18",
+		"vue-router": "^4.2.5",
+		"vue-tsc": "^1.8.27"
 	},
 	"peerDependencies": {
-		"vue": "^3.3.12",
-		"vue-router": "^4"
+		"vue": "^3.4.18",
+		"vue-router": "^4.2.5"
+	},
+	"peerDependenciesMeta": {
+		"vue-router": {
+			"optional": true
+		}
 	},
 	"engines": {
 		"node": ">=18",

packages/nuxt/.nuxtrc

@@ -1,2 +1,5 @@
 imports.autoImport=false
 typescript.includeWorkspace=true
+
+# enable TypeScript bundler module resolution - https://www.typescriptlang.org/docs/handbook/modules/reference.html#bundler
+experimental.typescriptBundlerResolution=true

packages/nuxt/package.json

@@ -43,11 +43,11 @@
   },
   "dependencies": {
     "@nuxt/image": "^1.1.0",
-    "@nuxt/kit": "^3.8.2",
+    "@nuxt/kit": "^3.10.1",
     "@open-xamu-co/ui-common-enums": "link:../common-enums",
     "@open-xamu-co/ui-common-helpers": "link:../common-helpers",
-    "@open-xamu-co/ui-components-vue": "link:../components-vue",
     "@open-xamu-co/ui-common-types": "link:../common-types",
+    "@open-xamu-co/ui-components-vue": "link:../components-vue",
     "@types/lodash": "^4.14.192",
     "lodash": "^4.17.21",
     "sweetalert2": "^11.7.5"
@@ -59,7 +59,7 @@
     "@nuxt/test-utils": "^3.8.1",
     "@open-xamu-co/ui-styles": "link:../styles",
     "@types/node": "^18.17.17",
-    "nuxt": "^3.8.2",
+    "nuxt": "^3.10.1",
     "vitest": "^0.33.0"
   },
   "engines": {

packages/nuxt/src/module.ts

@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
-import type { DefineComponent, FunctionalComponent, Component as VueComponent } from "vue";
 import {
 	defineNuxtModule,
 	addPlugin,
@@ -10,35 +9,13 @@ import {
 	addImportsDir,
 } from "@nuxt/kit";
 import _ from "lodash";
-import type { ModuleOptions as NuxtImageOptions } from "@nuxt/image";
 
-import type { iPluginOptions } from "@open-xamu-co/ui-common-types";
 import locale from "@open-xamu-co/ui-common-helpers/en";
 import { componentNames } from "@open-xamu-co/ui-common-enums";
 
-/**
- * Nuxt specific configuration
- */
-interface ModuleOptions
-	extends iPluginOptions<VueComponent | FunctionalComponent | DefineComponent> {
-	/**
-	 * Nuxt image plugin options
-	 */
-	image?: Partial<NuxtImageOptions>;
-}
+import type { XamuModuleOptions } from "./types.js";
 
-declare module "nuxt/schema" {
-	interface AppConfigInput {
-		xamu?: ModuleOptions;
-	}
-}
-declare module "@nuxt/schema" {
-	interface AppConfigInput {
-		xamu?: ModuleOptions;
-	}
-}
-
-export default defineNuxtModule<ModuleOptions>({
+export default defineNuxtModule<XamuModuleOptions>({
 	meta: {
 		name: "@open-xamu-co/ui-nuxt",
 		configKey: "xamu",

packages/nuxt/src/runtime/composables/useFormInput.ts

@@ -1,5 +1,9 @@
+/* eslint-disable import/no-unresolved */
+
 import { useForm } from "@open-xamu-co/ui-common-helpers";
 
+import { useAppConfig } from "#imports";
+
 /**
  * xamu form composable
  */

packages/nuxt/src/runtime/composables/useSwal.ts

@@ -1,8 +1,12 @@
+/* eslint-disable import/no-unresolved */
+
 import type { SweetAlertOptions } from "sweetalert2/dist/sweetalert2";
 
 import { useSwal as originalUseSwal } from "@open-xamu-co/ui-common-helpers";
 import type { tSwal } from "@open-xamu-co/ui-common-types";
 
+import { useAppConfig } from "#imports";
+
 /**
  * Extended SweetAlert2 composable
  */

packages/nuxt/src/runtime/composables/useTimeAgo.ts

@@ -1,5 +1,9 @@
+/* eslint-disable import/no-unresolved */
+
 import { timeAgo } from "@open-xamu-co/ui-common-helpers";
 
+import { useAppConfig } from "#imports";
+
 /**
  * Time ago composable
  */

packages/nuxt/src/runtime/plugins/config.ts

@@ -1,4 +1,5 @@
 /* eslint-disable import/no-unresolved */
+
 import type { Component as VueComponent } from "vue";
 
 import type { iPluginOptions } from "@open-xamu-co/ui-common-types";

packages/nuxt/src/types.d.ts

@@ -0,0 +1,26 @@
+import type { DefineComponent, FunctionalComponent, Component as VueComponent } from "vue";
+import type { ModuleOptions as NuxtImageOptions } from "@nuxt/image";
+
+import type { iPluginOptions } from "@open-xamu-co/ui-common-types";
+
+/**
+ * Nuxt specific configuration
+ */
+export interface XamuModuleOptions
+	extends iPluginOptions<VueComponent | FunctionalComponent | DefineComponent> {
+	/**
+	 * Nuxt image plugin options
+	 */
+	image?: Partial<NuxtImageOptions>;
+}
+
+declare module "nuxt/schema" {
+	interface AppConfigInput {
+		xamu?: XamuModuleOptions;
+	}
+}
+declare module "@nuxt/schema" {
+	interface AppConfigInput {
+		xamu?: XamuModuleOptions;
+	}
+}