@volverjs/ui-vue 0.0.10-beta.4 → 0.0.10-beta.5

package/dist/index.es.js

@@ -21,25 +21,28 @@ function useDefaultProps(component, defaults, name) {
   return {
     ...component,
     name: componentName,
-    props: Object.keys(props).reduce((acc, key) => {
-      if (!(key in componentDefaults)) {
-        acc[key] = props[key];
-        return acc;
-      }
-      const customDefault = componentDefaults[key];
-      if (typeof props[key] === "function" || Array.isArray(props[key])) {
+    props: Object.keys(props).reduce(
+      (acc, key) => {
+        if (!(key in componentDefaults)) {
+          acc[key] = props[key];
+          return acc;
+        }
+        const customDefault = componentDefaults[key];
+        if (typeof props[key] === "function" || Array.isArray(props[key])) {
+          acc[key] = {
+            type: props[key],
+            default: customDefault
+          };
+          return acc;
+        }
         acc[key] = {
-          type: props[key],
+          ...props[key],
           default: customDefault
         };
         return acc;
-      }
-      acc[key] = {
-        ...props[key],
-        default: customDefault
-      };
-      return acc;
-    }, {})
+      },
+      {}
+    )
   };
 }
 class Volver {
@@ -111,7 +114,7 @@ const VolverPlugin = {
    * @param {App} Vue
    * @param {Object} options
    */
-  install(app, options) {
+  install(app, options = {}) {
     const volver = new Volver(options);
     app.config.globalProperties.$vv = volver;
     if (options.components) {

package/dist/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@iconify/vue"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@iconify/vue","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).volver={},e.vue$1,e.vue)}(this,(function(e,t,o){"use strict";var i=Object.defineProperty,n=(e,t,o)=>(((e,t,o)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o})(e,"symbol"!=typeof t?t+"":t,o),o);const r=Symbol.for("volver");function s(e,t,o){const i=o||e.name;if(!i)return e;const n=null==t?void 0:t[i],r=e.props;return n&&r?{...e,name:i,props:Object.keys(r).reduce(((e,t)=>{if(!(t in n))return e[t]=r[t],e;const o=n[t];return"function"==typeof r[t]||Array.isArray(r[t])?(e[t]={type:r[t],default:o},e):(e[t]={...r[t],default:o},e)}),{})}:{...e,name:i}}class c{constructor({fetchWithCredentials:e,fetchOptions:t,iconsProvider:i,nuxt:r,iconsCollections:s,defaults:c}={}){n(this,"_fetchOptions",{}),n(this,"_iconsCollections",[]),n(this,"_iconsProvider","vv"),n(this,"_nuxt",!1),n(this,"defaults",o.ref({})),t&&(this._fetchOptions=t),e&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),s&&Array.isArray(s)&&s.forEach((e=>{this.addCollection(e,this._iconsProvider)})),c&&(this.defaults.value=c)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}addCollection(e,o=this._iconsProvider){return this._iconsCollections.push(e),t.addCollection(e,o)}addIcon(e,o){return t.addIcon(e,o)}addIconsAPIProvider(e,o){return t.addAPIProvider(e,o)}fetchIcon(e,t={cache:"force-cache"}){return new Promise(((o,i)=>{fetch(e,{...this._fetchOptions,...t}).catch((e=>i(e))).then((e=>null==e?void 0:e.text())).then((e=>o(e)))}))}}const l={install(e,t){const o=new c(t);e.config.globalProperties.$vv=o,t.components&&Object.entries(t.components).forEach((([o,i])=>{e.component(o,s(i,t.defaults))})),t.aliases&&Object.entries(t.aliases).forEach((([o,i])=>{e.component(o,s(i,t.defaults,o))})),t.directives&&Object.entries(t.directives).forEach((([t,o])=>{e.directive(t,o)})),e.provide(r,o)}};e.VolverPlugin=l,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@iconify/vue"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@iconify/vue","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).volver={},e.vue$1,e.vue)}(this,(function(e,t,o){"use strict";var i=Object.defineProperty,n=(e,t,o)=>(((e,t,o)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o})(e,"symbol"!=typeof t?t+"":t,o),o);const r=Symbol.for("volver");function s(e,t,o){const i=o||e.name;if(!i)return e;const n=null==t?void 0:t[i],r=e.props;return n&&r?{...e,name:i,props:Object.keys(r).reduce(((e,t)=>{if(!(t in n))return e[t]=r[t],e;const o=n[t];return"function"==typeof r[t]||Array.isArray(r[t])?(e[t]={type:r[t],default:o},e):(e[t]={...r[t],default:o},e)}),{})}:{...e,name:i}}class c{constructor({fetchWithCredentials:e,fetchOptions:t,iconsProvider:i,nuxt:r,iconsCollections:s,defaults:c}={}){n(this,"_fetchOptions",{}),n(this,"_iconsCollections",[]),n(this,"_iconsProvider","vv"),n(this,"_nuxt",!1),n(this,"defaults",o.ref({})),t&&(this._fetchOptions=t),e&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),s&&Array.isArray(s)&&s.forEach((e=>{this.addCollection(e,this._iconsProvider)})),c&&(this.defaults.value=c)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}addCollection(e,o=this._iconsProvider){return this._iconsCollections.push(e),t.addCollection(e,o)}addIcon(e,o){return t.addIcon(e,o)}addIconsAPIProvider(e,o){return t.addAPIProvider(e,o)}fetchIcon(e,t={cache:"force-cache"}){return new Promise(((o,i)=>{fetch(e,{...this._fetchOptions,...t}).catch((e=>i(e))).then((e=>null==e?void 0:e.text())).then((e=>o(e)))}))}}const l={install(e,t={}){const o=new c(t);e.config.globalProperties.$vv=o,t.components&&Object.entries(t.components).forEach((([o,i])=>{e.component(o,s(i,t.defaults))})),t.aliases&&Object.entries(t.aliases).forEach((([o,i])=>{e.component(o,s(i,t.defaults,o))})),t.directives&&Object.entries(t.directives).forEach((([t,o])=>{e.directive(t,o)})),e.provide(r,o)}};e.VolverPlugin=l,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -19,7 +19,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/ui-vue/issues"
   },
-  "version": "0.0.10-beta.4",
+  "version": "0.0.10-beta.5",
   "engines": {
     "node": ">= 16.x"
   },

package/src/Volver.ts

@@ -36,25 +36,31 @@ export function useDefaultProps(
 	return {
 		...component,
 		name: componentName,
-		props: Object.keys(props).reduce((acc, key) => {
-			if (!(key in componentDefaults)) {
-				acc[key] = props[key]
-				return acc
-			}
-			const customDefault = componentDefaults[key]
-			if (typeof props[key] === 'function' || Array.isArray(props[key])) {
+		props: Object.keys(props).reduce(
+			(acc, key) => {
+				if (!(key in componentDefaults)) {
+					acc[key] = props[key]
+					return acc
+				}
+				const customDefault = componentDefaults[key]
+				if (
+					typeof props[key] === 'function' ||
+					Array.isArray(props[key])
+				) {
+					acc[key] = {
+						type: props[key],
+						default: customDefault,
+					}
+					return acc
+				}
 				acc[key] = {
-					type: props[key],
+					...(props[key] as Record<string, unknown>),
 					default: customDefault,
 				}
 				return acc
-			}
-			acc[key] = {
-				...(props[key] as Record<string, unknown>),
-				default: customDefault,
-			}
-			return acc
-		}, {} as Record<string, unknown>),
+			},
+			{} as Record<string, unknown>,
+		),
 	}
 }
 
@@ -248,7 +254,7 @@ const VolverPlugin: Plugin = {
 	 * @param {App} Vue
 	 * @param {Object} options
 	 */
-	install(app: App, options: VolverOptions) {
+	install(app: App, options: VolverOptions = {}) {
 		const volver = new Volver(options)
 
 		// register global methods