@live-change/vue3-components 0.8.112 → 0.8.114

package/index.js

@@ -20,7 +20,7 @@ export { createReactiveObject }
 
 export { analytics, useAnalytics, installRouterAnalytics, synchronized, synchronizedList } from "./logic"
 
-export { injectComponent, provideComponent } from "./logic/dependencyInjection.js"
+export { injectComponent, provideComponent, InjectComponent } from "./logic/dependencyInjection.js"
 
 export {
   useLocale, Locale

package/logic/dependencyInjection.js

@@ -1,4 +1,4 @@
-import { provide, inject } from 'vue'
+import { provide, inject, h } from 'vue'
 
 export function provideComponent(description, component) {
   if(!description) throw new Error("provideComponent: description is required")
@@ -44,4 +44,16 @@ export function injectComponent(request, defaultComponent, factory) {
     if(isValid && filter(component)) return component.component
   }
   return factory ? defaultComponent() : defaultComponent
+}
+
+// functional component that injects a component based on the request
+export function InjectComponent({ request, defaultComponent, factory, props }, { slots, emit, attrs }) {
+  const component = injectComponent(request, defaultComponent, factory)
+  const allProps = { ...props }
+  if(component?.emits) {
+    for(let event of component.emits) {
+      allProps['on'+event[0].toUpperCase()+event.slice(1)] = (...args) => emit(event, ...args)
+    }
+  }
+  return component ? h(component, allProps, slots) : slots.fallback()
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/vue3-components",
-  "version": "0.8.112",
+  "version": "0.8.114",
   "description": "Live Change Framework - vue components",
   "main": "index.js",
   "scripts": {
@@ -21,10 +21,10 @@
   },
   "homepage": "https://github.com/live-change/live-change-stack",
   "dependencies": {
-    "@live-change/vue3-ssr": "^0.8.112",
+    "@live-change/vue3-ssr": "^0.8.114",
     "debug": "^4.3.4",
     "mitt": "3.0.1",
     "vue": "^3.4.29"
   },
-  "gitHead": "e0d0db33777f8f9fc9f5ebe1a977cf574b837be6"
+  "gitHead": "1a5a437aae382d766c2806a11f805370ee8cc40a"
 }