@desource/phone-mask-nuxt 0.2.3 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @desource/phone-mask-nuxt
 
+## 1.0.0
+
+### Major Changes
+
+- Core Upgrades:
+  - Refactored core architecture for better separation of concerns and reusability
+  - Added zero-config browser script support path
+  - Improved Intl.DisplayNames caching for performance
+  - Fixed various edge cases in formatting and event handling
+  - Added comprehensive unit tests for core utilities and handlers
+
+- React Upgrades:
+  - Major internal refactor to a controlled pattern with consistent hooks
+  - Improved React 18/19 compatibility for ref behavior
+  - Added and expanded unit/e2e tests for React components and behavior
+
+- Vue Upgrades:
+  - Refactored to align composable structure and reuse core utilities
+  - Fixed directive behavior for external value updates and dropdown close logic
+  - Added substantial unit/e2e test coverage for Vue composables and directive
+
+- 🚀 Svelte Upgrades:
+  - Introduced Svelte version of phone-mask library
+
+- Nuxt Upgrades:
+  - Added full test foundation with @nuxt/test-utils
+  - Added unit tests for module and runtime behavior
+  - Added e2e fixtures/tests and shared e2e utilities
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @desource/phone-mask-vue@1.0.0
+
+## 0.3.0
+
+### Minor Changes
+
+- React: Design React version of phone-mask library
+- Core: Add geoip reusable service for country detection based on IP address
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @desource/phone-mask-vue@0.3.0
+
 ## 0.2.3
 
 ### Patch Changes

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 DeSource Labs
+Copyright (c) 2026 DeSource Labs
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -92,12 +92,19 @@ const onCountryChange = (country) => {
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
+import { ref } from 'vue';
+import type { PMaskPhoneNumber } from '#imports';
+
 const selectedCountry = ref('US');
-const phone = ref('');
+const phone = ref<PMaskPhoneNumber>({
+  full: '',
+  fullFormatted: '',
+  digits: ''
+});
 
-const handleChange = (fullNumber, digits) => {
-  phone.value = fullNumber;
+const handleChange = (nextPhone: PMaskPhoneNumber) => {
+  phone.value = nextPhone;
 };
 </script>
 ```
@@ -170,10 +177,9 @@ Then import manually where needed:
 
 ## 🔧 TypeScript
 
-The module provides automatic TypeScript support. Types are available globally:
+The module provides automatic TypeScript support. You can import Nuxt-registered types from `#imports`:
 
 ```ts
-// Auto-imported types
 import type {
   PCountryKey,
   PMaskBase,
@@ -185,7 +191,7 @@ import type {
   PMaskFull,
   PMaskFullMap,
   PMaskPhoneNumber
-} from '#phone-mask';
+} from '#imports';
 ```
 
 ## 📚 Examples
@@ -307,7 +313,7 @@ const submit = async () => {
 
 ```vue
 <template>
-  <PhoneInput v-model="phone" :locale="$i18n.locale" :placeholder="$t('phone.placeholder')" />
+  <PhoneInput v-model="phone" :locale="$i18n.locale" :search-placeholder="$t('phone.searchPlaceholder')" />
 </template>
 
 <script setup>
@@ -354,7 +360,7 @@ If you're migrating from the Vue plugin:
 ```ts
 // main.ts
 import PhoneMaskPlugin from '@desource/phone-mask-vue';
-import '@desource/phone-mask-vue/style.css';
+import '@desource/phone-mask-vue/assets/lib.css';
 
 app.use(PhoneMaskPlugin);
 ```
@@ -382,10 +388,12 @@ No changes needed in your components!
 
 - [@desource/phone-mask](../phone-mask) — Core library
 - [@desource/phone-mask-vue](../phone-mask-vue) — Vue 3 component
+- [@desource/phone-mask-react](../phone-mask-react) — React bindings
+- [@desource/phone-mask-svelte](../phone-mask-svelte) — Svelte bindings
 
 ## 📄 License
 
-[MIT](../../LICENSE) © 2025 DeSource Labs
+[MIT](../../LICENSE) © 2026 DeSource Labs
 
 ## 🤝 Contributing
 

package/dist/module.json

@@ -4,7 +4,7 @@
     "nuxt": ">=3.0.0"
   },
   "configKey": "phoneMask",
-  "version": "0.2.3",
+  "version": "1.0.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@desource/phone-mask-nuxt",
-  "version": "0.2.3",
+  "version": "1.0.0",
   "description": "🎯 Zero-config Nuxt module for international phone masking. Powered by @desource/phone-mask with Google libphonenumber sync.",
   "type": "module",
   "exports": {
@@ -54,17 +54,22 @@
     "vue": "^3.4.33"
   },
   "dependencies": {
-    "@desource/phone-mask-vue": "0.2.3"
+    "@desource/phone-mask-vue": "1.0.0"
   },
   "devDependencies": {
     "@nuxt/kit": "^4.3.1",
     "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/test-utils": "^4.0.0",
     "nuxt": "^4.3.1",
-    "vue": "^3.5.27"
+    "vue": "^3.5.29"
   },
   "scripts": {
     "dev:prepare": "nuxt prepare",
-    "clean": "rimraf dist",
-    "build": "pnpm dev:prepare && nuxt-module-build build"
+    "clean": "rimraf dist .nuxt coverage",
+    "build:internal": "pnpm dev:prepare && nuxt-module-build build",
+    "build": "pnpm clean && pnpm build:internal",
+    "test:unit": "vitest run --config vitest.unit.config.ts",
+    "test:unit:coverage": "vitest run --config vitest.unit.config.ts --coverage.enabled --coverage.provider=v8 --coverage.reporter=lcov --coverage.reportsDirectory=coverage",
+    "test:e2e": "vitest run --config vitest.e2e.config.ts"
   }
 }