@pantoken/vue 0.1.11 → 0.1.13

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 import { iconSvg, register } from "@pantoken/web-components";
+import { LocaleBundle, registerLocalized } from "@pantoken/i18n";
 //#region src/index.d.ts
 /**
  * Read a resolved token value. Returns `fallback` on the server.
@@ -20,7 +21,7 @@ interface VueAppLike {
   };
 }
 /**
- * The pantoken Vue plugin: `app.use(PantokenVue)`.
+ * The pantoken Vue plugin: `app.use(PantokenVue)` or `app.use(PantokenVue, { locale: "hu" })`.
  *
  * @example
  * ```ts
@@ -29,10 +30,13 @@ interface VueAppLike {
  * import "@pantoken/css";
  *
  * createApp(App).use(PantokenVue).mount("#app");
+ * createApp(App).use(PantokenVue, { locale: "hu" }).mount("#app"); // localized
  * ```
  */
 declare const PantokenVue: {
-  install(app: VueAppLike): void;
+  install(app: VueAppLike, options?: {
+    locale?: string | LocaleBundle;
+  }): void;
 };
 //#endregion
-export { PantokenVue, PantokenVue as default, iconSvg, readToken, register };
+export { PantokenVue, PantokenVue as default, iconSvg, readToken, register, registerLocalized };

package/dist/index.mjs

@@ -1,4 +1,5 @@
 import { iconSvg, register, register as register$1 } from "@pantoken/web-components";
+import { registerLocalized, registerLocalized as registerLocalized$1 } from "@pantoken/i18n";
 //#region src/index.ts
 /**
 * `@pantoken/vue` — a Vue plugin over `@pantoken/web-components`.
@@ -24,7 +25,7 @@ function readToken(name, fallback = "") {
 	return getComputedStyle(document.documentElement).getPropertyValue(name).trim() || fallback;
 }
 /**
-* The pantoken Vue plugin: `app.use(PantokenVue)`.
+* The pantoken Vue plugin: `app.use(PantokenVue)` or `app.use(PantokenVue, { locale: "hu" })`.
 *
 * @example
 * ```ts
@@ -33,13 +34,15 @@ function readToken(name, fallback = "") {
 * import "@pantoken/css";
 *
 * createApp(App).use(PantokenVue).mount("#app");
+* createApp(App).use(PantokenVue, { locale: "hu" }).mount("#app"); // localized
 * ```
 */
-const PantokenVue = { install(app) {
-	register$1();
-	const options = app.config.compilerOptions ??= {};
-	const previous = options.isCustomElement;
-	options.isCustomElement = (tag) => tag.startsWith("instui-") || (previous?.(tag) ?? false);
+const PantokenVue = { install(app, options = {}) {
+	if (options.locale) registerLocalized$1(options.locale);
+	else register$1();
+	const compilerOptions = app.config.compilerOptions ??= {};
+	const previous = compilerOptions.isCustomElement;
+	compilerOptions.isCustomElement = (tag) => tag.startsWith("instui-") || (previous?.(tag) ?? false);
 } };
 //#endregion
-export { PantokenVue, PantokenVue as default, iconSvg, readToken, register };
+export { PantokenVue, PantokenVue as default, iconSvg, readToken, register, registerLocalized };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantoken/vue",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "Vue plugin for pantoken: registers the web components and reads tokens.",
   "homepage": "https://pantoken.iywahl.com",
   "bugs": "https://github.com/thedannywahl/pantoken/issues",
@@ -33,6 +33,7 @@
     "check": "vp check"
   },
   "dependencies": {
+    "@pantoken/i18n": "workspace:*",
     "@pantoken/web-components": "workspace:*"
   },
   "devDependencies": {