Merge pull request #18 from pepijnolivier/main

Allow plugins to be registered before Vue is mounted
ijpatricio · Jul 20, 2024 · bf1daf4 · bf1daf4
2 parents 71310db + 4acfd37
commit bf1daf4
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git a/resources/js/mingleReact.jsx b/resources/js/mingleReact.jsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import {createRoot} from 'react-dom/client'
 
-const createComponent = (mingleId, wireId, Component) => {
+const createComponent = (mingleId, wireId, Component, options = {}) => {
 
     const
         el = document.getElementById(mingleId),
@@ -15,7 +15,15 @@ const createComponent = (mingleId, wireId, Component) => {
 
     const root = createRoot(el)
 
-    root.render(<Component wire={wire} wireId={wireId} mingleData={JSON.parse(el.dataset.mingleData)} />)
+    let mingleData = JSON.parse(el.dataset.mingleData);
+
+    root.render(<Component wire={wire} wireId={wireId} mingleData={mingleData} />)
+
+    return {
+        root,
+        node: el,
+        mingleData
+    }
 }
 
 const registerReactMingle = (name, component) => {

diff --git a/resources/js/mingleVue.js b/resources/js/mingleVue.js
@@ -1,6 +1,6 @@
 import {createApp} from 'vue/dist/vue.esm-bundler'
 
-const createComponent = (mingleId, wireId, component) => {
+const createComponent = (mingleId, wireId, component, options = { autoMount: true }) => {
 
     const
         el = document.getElementById(mingleId),
@@ -34,9 +34,15 @@ const createComponent = (mingleId, wireId, component) => {
 
     const app = createApp(component, props)
 
-    app.mount(el)
+    if (options.autoMount) {
+        app.mount(el)
+    }
 
-    return app;
+    return {
+        app,
+        node: el,
+        mingleData,
+    }
 }
 
 const registerVueMingle = (name, component) => {