@volverjs/ui-vue 0.0.10-beta.16 → 0.0.10-beta.18

package/dist/utils/ObjectUtilities.d.ts

@@ -80,4 +80,3 @@ export declare function propsToObject(props: any): Record<string, unknown>;
  * @return {object[]}
  */
 export declare function filterArray<T = Record<string, unknown>>(list: T[], filter: T[] | string[], key: string): T[];
-export declare function kebabCase(value: string): string | undefined;

package/package.json

@@ -19,7 +19,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/ui-vue/issues"
   },
-  "version": "0.0.10-beta.16",
+  "version": "0.0.10-beta.18",
   "engines": {
     "node": ">= 16.x"
   },
@@ -39,97 +39,97 @@
   ],
   "dependencies": {
     "@floating-ui/vue": "^1.0.2",
-    "@iconify/tools": "^3.0.5",
+    "@iconify/tools": "^3.0.7",
     "@iconify/vue": "^4.1.1",
-    "@vueuse/core": "^10.5.0",
+    "@vueuse/core": "^10.7.0",
     "blurhash": "^2.0.5",
     "comlink": "^4.4.1",
-    "jsdom": "^22.1.0",
+    "jsdom": "^23.0.1",
     "mitt": "^3.0.1",
     "pica": "^9.0.1",
     "ts-dot-prop": "^2.1.3",
     "uid": "^2.0.2",
-    "vue": "^3.3.4",
+    "vue": "^3.3.10",
     "vue-imask": "^7.1.3"
   },
   "peerDependencies": {
     "@volverjs/style": "0.*"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.2",
-    "@babel/preset-env": "^7.23.2",
-    "@babel/preset-typescript": "^7.23.2",
+    "@babel/core": "^7.23.5",
+    "@babel/preset-env": "^7.23.5",
+    "@babel/preset-typescript": "^7.23.3",
     "@iconify/types": "^2.0.0",
-    "@iconify/utils": "^2.1.11",
-    "@mdx-js/react": "^2.3.0",
-    "@rushstack/eslint-patch": "^1.5.1",
-    "@storybook/addon-a11y": "^7.5.0",
-    "@storybook/addon-actions": "^7.5.0",
-    "@storybook/addon-docs": "^7.5.0",
-    "@storybook/addon-essentials": "^7.5.0",
-    "@storybook/addon-interactions": "^7.5.0",
-    "@storybook/addon-links": "^7.5.0",
-    "@storybook/channel-postmessage": "^7.5.0",
-    "@storybook/channel-websocket": "^7.5.0",
-    "@storybook/cli": "^7.5.0",
-    "@storybook/client-api": "^7.5.0",
-    "@storybook/client-logger": "^7.5.0",
-    "@storybook/core-common": "^7.5.0",
+    "@iconify/utils": "^2.1.12",
+    "@mdx-js/react": "^3.0.0",
+    "@rushstack/eslint-patch": "^1.6.0",
+    "@storybook/addon-a11y": "^7.6.3",
+    "@storybook/addon-actions": "^7.6.3",
+    "@storybook/addon-docs": "^7.6.3",
+    "@storybook/addon-essentials": "^7.6.3",
+    "@storybook/addon-interactions": "^7.6.3",
+    "@storybook/addon-links": "^7.6.3",
+    "@storybook/channel-postmessage": "^7.6.3",
+    "@storybook/channel-websocket": "^7.6.3",
+    "@storybook/cli": "^7.6.3",
+    "@storybook/client-api": "^7.6.3",
+    "@storybook/client-logger": "^7.6.3",
+    "@storybook/core-common": "^7.6.3",
     "@storybook/jest": "^0.2.3",
-    "@storybook/preview-api": "^7.5.0",
-    "@storybook/preview-web": "^7.5.0",
-    "@storybook/test-runner": "^0.13.0",
+    "@storybook/preview-api": "^7.6.3",
+    "@storybook/preview-web": "^7.6.3",
+    "@storybook/test-runner": "^0.16.0",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/vue3": "^7.5.0",
-    "@storybook/vue3-vite": "^7.5.0",
+    "@storybook/vue3": "^7.6.3",
+    "@storybook/vue3-vite": "^7.6.3",
     "@tsconfig/node18": "^18.2.2",
-    "@types/jest-axe": "^3.5.7",
-    "@types/jsdom": "^21.1.4",
-    "@types/node": "^20.8.6",
-    "@types/pica": "^9.0.2",
-    "@types/react": "^18.2.28",
-    "@types/yargs": "^17.0.28",
-    "@vitejs/plugin-vue": "^4.4.0",
+    "@types/jest-axe": "^3.5.9",
+    "@types/jsdom": "^21.1.6",
+    "@types/node": "^20.10.3",
+    "@types/pica": "^9.0.4",
+    "@types/react": "^18.2.42",
+    "@types/yargs": "^17.0.32",
+    "@vitejs/plugin-vue": "^4.5.1",
     "@volverjs/style": "0.1.12-beta.11",
-    "@vue/compiler-sfc": "^3.3.4",
+    "@vue/compiler-sfc": "^3.3.10",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/test-utils": "^2.4.1",
+    "@vue/test-utils": "^2.4.3",
     "@vue/tsconfig": "^0.4.0",
-    "change-case": "^5.0.2",
+    "change-case": "^5.3.0",
     "chokidar": "^3.5.3",
-    "eslint": "^8.51.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint": "^8.55.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-mdx": "^2.2.0",
     "eslint-plugin-mdx": "^2.2.0",
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-storybook": "^0.6.15",
-    "eslint-plugin-vue": "^9.17.0",
+    "eslint-plugin-vue": "^9.19.2",
     "glob": "7.2.3",
     "jest-axe": "^8.0.0",
     "jest-diff": "^29.7.0",
     "jest-get-type": "^29.6.3",
-    "jsdom": "^22.1.0",
+    "jsdom": "^23.0.1",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.0.3",
+    "prettier": "^3.1.0",
     "pretty-format": "^29.7.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "remark": "^15.0.1",
-    "sass": "^1.69.4",
-    "storybook": "^7.5.0",
+    "sass": "^1.69.5",
+    "storybook": "^7.6.3",
     "storybook-addon-markdown-docs": "^2.0.0",
-    "storybook-dark-mode": "^3.0.1",
+    "storybook-dark-mode": "^3.0.3",
     "storybook-version": "^0.1.1",
-    "terser": "^5.22.0",
+    "terser": "^5.25.0",
     "ts-node": "^10.9.1",
-    "typescript": "~5.2.2",
-    "unplugin-auto-import": "^0.16.6",
-    "unplugin-vue-components": "^0.25.2",
-    "vite": "^4.4.11",
+    "typescript": "~5.3.2",
+    "unplugin-auto-import": "^0.17.2",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.0.6",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-externalize-deps": "^0.7.0",
-    "vue-tsc": "^1.8.19",
+    "vite-plugin-externalize-deps": "^0.8.0",
+    "vue-tsc": "^1.8.25",
     "yargs": "^17.7.2"
   },
   "typesVersions": {

package/src/Volver.ts

@@ -1,12 +1,13 @@
+import type { App, Component, Directive, Plugin, Ref } from 'vue'
 import {
-	addCollection,
-	addIcon,
-	addAPIProvider,
 	type IconifyIcon,
 	type IconifyJSON,
 	type PartialIconifyAPIConfig,
+	addCollection,
+	addIcon,
+	addAPIProvider,
 } from '@iconify/vue'
-import type { App, Component, Directive, Plugin, Ref } from 'vue'
+import { kebabCase } from 'change-case'
 import { DEFAULT_ICONIFY_PROVIDER, INJECTION_KEY_VOLVER } from './constants'
 
 export function useDefaultProps(
@@ -283,6 +284,10 @@ const VolverPlugin: Plugin = {
 		// register directives
 		if (options.directives) {
 			Object.entries(options.directives).forEach(([name, directive]) => {
+				const kebabName = kebabCase(name)
+				if (kebabName.startsWith('v-')) {
+					name = kebabName.substring(2).toLocaleLowerCase()
+				}
 				app.directive(name, directive)
 			})
 		}