@bridge-ui/vue 0.6.0 → 0.7.0

package/docs/examples/i18n-dictionary.ts

@@ -5,15 +5,19 @@
  *
  * Source English strings are the lookup keys (same strings Bridge passes to
  * `resolveMessage`). Messages are keyed by locale; optional `setLocale` updates
- * the active locale used by `t`. For replace / pluralization, wrap vue-i18n (or
- * similar) instead.
+ * the active locale used by `t`. `t` replaces `{{name}}` from `params` and
+ * picks `|` plural forms when `count` is set (`one | other`).
  */
 
 // ** External Imports
-import { get } from "es-toolkit/compat";
+import { get, isNil } from "es-toolkit/compat";
 
 // ** Core Imports
-import type { I18nAdapter } from "@bridge-ui/core/Adapters";
+import {
+  interpolateMessage,
+  selectPluralMessage,
+  type I18nAdapter,
+} from "@bridge-ui/core/Adapters";
 
 // prettier-ignore
 const MESSAGES: Record<string, Record<string, string>> = {
@@ -21,25 +25,34 @@ const MESSAGES: Record<string, Record<string, string>> = {
   "pt-BR": {
     "OK": "OK",
     "Close": "Fechar",
-    "Reset": "Redefinir",
+    "Next": "Próxima",
     "Columns": "Colunas",
+    "Reset": "Redefinir",
     "Search": "Pesquisar",
     "No data": "Sem dados",
-    "Per page:": "Por página:",
+    "Previous": "Anterior",
+    "Loading": "Carregando",
+    "Pagination": "Paginação",
+    "Last page": "Última página",
     "Loading...": "Carregando...",
     "No options": "Nenhuma opção",
-    "Select row": "Selecionar linha",
+    "Expand row": "Expandir linha",
+    "First page": "Primeira página",
     "Hide password": "Ocultar senha",
+    "Select row": "Selecionar linha",
     "Show password": "Mostrar senha",
     "Filter column": "Filtrar coluna",
     "Clear selection": "Limpar seleção",
     "Decrement value": "Diminuir valor",
     "Increment value": "Aumentar valor",
+    "Rows per page": "Linhas por página",
     "Sort ascending": "Ordenar crescente",
     "Cancel sorting": "Cancelar ordenação",
     "Sort descending": "Ordenar decrescente",
-    "Select all rows": "Selecionar todas as linhas",
     "Select all items": "Selecionar todos os itens",
+    "Select all rows": "Selecionar todas as linhas",
+    "Page {{page}} of {{count}}": "Página {{page}} de {{count}}",
+    "{{selected}} of {{total}} row(s) selected.": "{{selected}} de {{total}} linha selecionada. | {{selected}} de {{total}} linhas selecionadas.",
   },
 };
 
@@ -54,8 +67,13 @@ export function createDictionaryI18nAdapter(): I18nAdapter {
     setLocale(next) {
       locale = next;
     },
-    t(message) {
-      return get(MESSAGES, [locale, message], message);
+    t(message, count, params) {
+      const translated = get(MESSAGES, [locale, message], message);
+      const template = isNil(count)
+        ? translated
+        : selectPluralMessage(translated, count);
+
+      return interpolateMessage(template, params);
     },
   };
 }

package/docs/examples/i18n-vue-i18n.ts

@@ -3,12 +3,13 @@
  * Copy into your app or wire via `BridgeUIProvider` / `createBridgeUI` `global.i18n`.
  * Not published as an npm package.
  *
- * Passes Bridge source strings and `params` straight to `i18n.t`
- * (interpolation, pluralization, etc. stay in vue-i18n).
+ * Passes Bridge source strings, `count`, and `params` to `i18n.t`
+ * (interpolation and `|` pluralization stay in vue-i18n).
  * `setLocale` on the adapter is invoked by Bridge `setLocale`.
  */
 
 // ** External Imports
+import { isNil } from "es-toolkit/compat";
 import type { Composer } from "vue-i18n";
 
 // ** Core Imports
@@ -23,12 +24,12 @@ export function createVueI18nAdapter(i18n: Composer): I18nAdapter {
     setLocale(locale) {
       i18n.locale.value = locale;
     },
-    t(message, params) {
-      if (params) {
-        return i18n.t(message, params);
+    t(message, count, params) {
+      if (isNil(count)) {
+        return params ? i18n.t(message, params) : i18n.t(message);
       }
 
-      return i18n.t(message);
+      return params ? i18n.t(message, count, params) : i18n.t(message, count);
     },
   };
 }

package/docs/examples/icon-fontawesome.ts

@@ -10,6 +10,8 @@
 // ** External Imports
 import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import {
+  faAnglesLeft,
+  faAnglesRight,
   faBell,
   faCalendarDays,
   faCheck,
@@ -117,7 +119,9 @@ const icons = {
   alert: faCircleExclamation,
   chevronDown: faChevronDown,
   chevronLeft: faChevronLeft,
+  chevronsLeft: faAnglesLeft,
   chevronRight: faChevronRight,
+  chevronsRight: faAnglesRight,
   warning: faTriangleExclamation,
 } satisfies Record<SemanticIconName, unknown>;
 

package/docs/examples/icon-heroicons.ts

@@ -13,6 +13,8 @@ import {
   CalendarDaysIcon,
   CheckCircleIcon,
   CheckIcon,
+  ChevronDoubleLeftIcon,
+  ChevronDoubleRightIcon,
   ChevronDownIcon,
   ChevronLeftIcon,
   ChevronRightIcon,
@@ -67,8 +69,10 @@ const icons = {
   chevronDown: ChevronDownIcon,
   chevronLeft: ChevronLeftIcon,
   chevronRight: ChevronRightIcon,
-  warning: ExclamationTriangleIcon,
   chevronUpDown: ChevronUpDownIcon,
+  warning: ExclamationTriangleIcon,
+  chevronsLeft: ChevronDoubleLeftIcon,
+  chevronsRight: ChevronDoubleRightIcon,
 } satisfies Record<SemanticIconName, unknown>;
 
 /**

package/docs/examples/icon-lucide.ts

@@ -12,6 +12,8 @@ import {
   ChevronDown,
   ChevronLeft,
   ChevronRight,
+  ChevronsLeft,
+  ChevronsRight,
   ChevronsUpDown,
   ChevronUp,
   CircleAlert,
@@ -68,6 +70,8 @@ const icons = {
   chevronDown: ChevronDown,
   chevronLeft: ChevronLeft,
   chevronRight: ChevronRight,
+  chevronsLeft: ChevronsLeft,
+  chevronsRight: ChevronsRight,
   chevronUpDown: ChevronsUpDown,
 } satisfies Record<SemanticIconName, unknown>;
 

package/docs/examples/icon-phosphor.ts

@@ -8,6 +8,8 @@
 import {
   PhBell,
   PhCalendarDots,
+  PhCaretDoubleLeft,
+  PhCaretDoubleRight,
   PhCaretDown,
   PhCaretLeft,
   PhCaretRight,
@@ -69,6 +71,8 @@ const icons = {
   download: PhDownloadSimple,
   chevronRight: PhCaretRight,
   chevronUpDown: PhCaretUpDown,
+  chevronsLeft: PhCaretDoubleLeft,
+  chevronsRight: PhCaretDoubleRight,
 } satisfies Record<SemanticIconName, unknown>;
 
 /**

package/docs/examples/icon-tabler.ts

@@ -14,6 +14,8 @@ import {
   IconChevronDown,
   IconChevronLeft,
   IconChevronRight,
+  IconChevronsLeft,
+  IconChevronsRight,
   IconChevronUp,
   IconCircleCheck,
   IconCircleX,
@@ -69,6 +71,8 @@ const icons = {
   chevronDown: IconChevronDown,
   chevronLeft: IconChevronLeft,
   chevronRight: IconChevronRight,
+  chevronsLeft: IconChevronsLeft,
+  chevronsRight: IconChevronsRight,
 } satisfies Record<SemanticIconName, unknown>;
 
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "license": "MIT",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "author": "BridgeUI",
   "sideEffects": false,
   "name": "@bridge-ui/vue",
@@ -89,7 +89,7 @@
     }
   },
   "dependencies": {
-    "@bridge-ui/core": "^0.6.0",
+    "@bridge-ui/core": "^0.7.0",
     "clsx": "^2.1.1",
     "es-toolkit": "^1.50.0",
     "tailwind-merge": "^3.6.0"