vueless 1.4.9 → 1.4.10-beta.1

package/README.md

@@ -28,7 +28,7 @@ A UI library with Open Architecture for Vue.js 3 and Nuxt.js 3 / 4, powered by [
 - 🖼️ Inline SVG icons
 - 🪄 Auto component imports (as you use them)
 - 🧿 Uncompiled source in npm for better DX
-- 🧪️ 1500+ unit tests ensuring consistent logic
+- 🧪️ 1600+ unit tests ensuring consistent logic
 - 🛡️ Full TypeScript support with type safety
 
 ## Built-In Storybook

package/adapter.locale/vueless.ts

@@ -13,7 +13,7 @@ export function createVuelessAdapter(options?: LocaleOptions): LocaleInstance {
   const current = shallowRef(options?.locale ?? FALLBACK_LOCALE_CODE);
   const fallback = shallowRef(options?.fallback ?? FALLBACK_LOCALE_CODE);
 
-  const messages = ref(merge({ en }, options?.messages));
+  const messages = ref(merge({}, { en }, options?.messages));
 
   return {
     name: "vueless",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "1.4.9",
+  "version": "1.4.10-beta.1",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
   "homepage": "https://vueless.com",
@@ -43,8 +43,8 @@
     "tailwindcss": "^4.2.4",
     "tippy.js": "^6.3.7",
     "unplugin-vue-components": "^32.0.0",
-    "vuedraggable": "4.1.0",
-    "vue-router": "^5.0.6"
+    "vue-router": "^5.0.6",
+    "vuedraggable": "4.1.0"
   },
   "devDependencies": {
     "@material-symbols/svg-500": "^0.44.4",
@@ -59,7 +59,7 @@
     "@vue/eslint-config-typescript": "^14.7.0",
     "@vue/test-utils": "^2.4.8",
     "@vue/tsconfig": "^0.9.1",
-    "@vueless/storybook": "^1.5.6",
+    "@vueless/storybook": "^1.6.0",
     "eslint": "^10.2.1",
     "eslint-plugin-storybook": "^10.3.5",
     "eslint-plugin-vue": "^10.9.0",

package/utils/node/vuelessConfig.js

@@ -47,7 +47,9 @@ export async function getVuelessConfig(basePath = "") {
 }
 
 /* Merge tailwind classes with removing duplicates. */
-const twMerge = extendTailwindMerge(merge(TAILWIND_MERGE_EXTENSION, vuelessConfig.tailwindMerge));
+const twMerge = extendTailwindMerge(
+  merge({}, TAILWIND_MERGE_EXTENSION, vuelessConfig.tailwindMerge),
+);
 
 /**
  * Export cx (class merge) method:

package/utils/ui.ts

@@ -60,7 +60,9 @@ if (isSSR) {
 /**
  * Extend twMerge (tailwind merge) by vueless and user config:
  */
-const twMerge = extendTailwindMerge(merge(TAILWIND_MERGE_EXTENSION, vuelessConfig.tailwindMerge));
+const twMerge = extendTailwindMerge(
+  merge({}, TAILWIND_MERGE_EXTENSION, vuelessConfig.tailwindMerge),
+);
 
 /**
  * Export cva (class variance authority) methods:

package/v.tooltip/storybook/docs.mdx

@@ -25,23 +25,23 @@ To customize the default `vueless` or your own custom theme, simply update your
 
 <Source code={`
   .tippy-box[data-theme~="custom"] {
-    background-color: var(--vl-neutral-accented);
+    background-color: var(--vl-bg-inverted);
     color: var(--vl-text-inverted);
   }
-  
+
   .tippy-box[data-theme~="custom"][data-placement^="top"] > .tippy-arrow:before {
-    border-top-color: var(--vl-neutral-accented);
+    border-top-color: var(--vl-bg-inverted);
   }
-  
+
   .tippy-box[data-theme~="custom"][data-placement^="bottom"] > .tippy-arrow:before {
-    border-bottom-color: var(--vl-neutral-accented);
+    border-bottom-color: var(--vl-bg-inverted);
   }
-  
+
   .tippy-box[data-theme~="custom"][data-placement^="left"] > .tippy-arrow:before {
-    border-left-color: var(--vl-neutral-accented);
+    border-left-color: var(--vl-bg-inverted);
   }
-  
+
   .tippy-box[data-theme~="custom"][data-placement^="right"] > .tippy-arrow:before {
-    border-right-color: var(--vl-neutral-accented);
+    border-right-color: var(--vl-bg-inverted);
   }
 `} language="jsx" dark />

package/v.tooltip/vTooltip.ts

@@ -19,7 +19,7 @@ if (isCSR) {
     animation: "shift-away",
   };
 
-  settings = merge(defaultSettings, vuelessConfig.directives?.tooltip || {}) as DefaultProps;
+  settings = merge({}, defaultSettings, vuelessConfig.directives?.tooltip || {}) as DefaultProps;
   tippy.setDefaultProps(settings);
 }
 
@@ -59,13 +59,13 @@ function onUnmounted(el: TippyTargetElement) {
 
 function setUpTippy(el: HTMLElement, props: string | TippyProps) {
   if (typeof props === "string" && props.length) {
-    tippy(el, merge(settings, { content: props }));
+    tippy(el, merge({}, settings, { content: props }));
 
     return;
   }
 
   if (typeof props !== "string" && props.content && String(props.content).length) {
-    tippy(el, merge(settings, props || {}));
+    tippy(el, merge({}, settings, props || {}));
   }
 }
 
@@ -73,12 +73,12 @@ function updateTippyProps(tippyInstance: TippyInstance | undefined, props: strin
   if (!tippyInstance || isSSR) return;
 
   if (typeof props === "string") {
-    tippyInstance.setProps(merge(settings, { content: props }));
+    tippyInstance.setProps(merge({}, settings, { content: props }));
 
     return;
   }
 
-  tippyInstance.setProps(merge(settings, props || {}));
+  tippyInstance.setProps(merge({}, settings, props || {}));
 }
 
 export default {