feat: countries api url as option

Author: vis97c

.circleci/config.yml

@@ -4,7 +4,7 @@
 #
 version: 2.1
 orbs:
-    node: circleci/node@5.1.1
+    node: circleci/node@5.2.0
 defaults: &defaults
     working_directory: ~/repo
     docker:

packages/common-types/src/plugin.ts

@@ -105,6 +105,15 @@ export interface iPluginOptions<ComponentType = unknown> {
 	 * When a country is provided forms will omit that field
 	 */
 	country?: string;
+	/**
+	 * Countries API base endpoint
+	 *
+	 * Get better performance with the nuxt module
+	 * @see https://www.npmjs.com/package/nuxt-countries-api
+	 *
+	 * @default "https://countries.xamu.com.co/api/v1"
+	 */
+	countriesUrl?: string;
 	/**
 	 * Disable automatic animations
 	 *

packages/components-vue/src/composables/countries.ts

@@ -11,10 +11,10 @@ import useFetch from "./fetch";
  * @composable
  */
 export default function useCountries() {
-	const { country: defaultCountry } = inject<iPluginOptions>("xamu") || {};
+	const { country: defaultCountry, countriesUrl = "https://countries.xamu.com.co/api/v1" } =
+		inject<iPluginOptions>("xamu") || {};
 	const { withUrlParams } = useFetch();
 
-	const countriesUrl = "https://countries.xamu.com.co/api/v1";
 	const fallbackCountry = {} as iCountry & { states?: iState[] };
 
 	async function getCountries(): Promise<iCountry[]> {

packages/components-vue/src/plugin.ts

@@ -25,6 +25,7 @@ export const XamuPlugin: Plugin<
 			locale,
 			lang: "en",
 			first: 10,
+			countriesUrl: "https://countries.xamu.com.co/api/v1",
 			// override defaults
 			...options,
 		};

packages/nuxt/README.md

@@ -39,7 +39,7 @@ export default defineNuxtConfig({
 });
 ```
 
-| Name               | Type                                                                                                          | Type                                                           | Description                                                                                                                                                                                           |
+| Name               | Type                                                                                                          | Default                                                        | Description                                                                                                                                                                                           |
 | ------------------ | ------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | webComponents      | boolean                                                                                                       | false                                                          | Use web components                                                                                                                                                                                    |
 | globalComponents   | boolean \| tComponent[]                                                                                       | true                                                           | Register all or specific components globally. If `true`, all components will be registered globally. If an array is provided, only the components specified in the array will be registered globally. |

packages/nuxt/src/module.ts

@@ -29,6 +29,7 @@ export default defineNuxtModule<XamuModuleOptions>({
 		locale,
 		lang: "en",
 		first: 10,
+		countriesUrl: "https://countries.xamu.com.co/api/v1",
 	},
 	async setup(moduleOptions, nuxt) {
 		const { globalComponents, componentPrefix, image } = moduleOptions;