opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-19 02:21:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add pinia to manually mounted vue components

Browse Source
This commit is contained in:
guerler
2024-06-01 09:54:35 +03:00
parent 60787f89e3
commit 85951cd67e
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/utils/mountVueComponent.js
+9 -2
View File
@@ -4,8 +4,12 @@
import BootstrapVue from "bootstrap-vue";
import { iconPlugin, localizationPlugin, vueRxShortcutPlugin } from "components/plugins";
import { createPinia, PiniaVuePlugin } from "pinia";
import Vue from "vue";
// Load Pinia
Vue.use(PiniaVuePlugin);
// Bootstrap components
Vue.use(BootstrapVue);
@@ -18,15 +22,18 @@ Vue.use(vueRxShortcutPlugin);
// font-awesome svg icon registration/loading
Vue.use(iconPlugin);
// Create Pinia
const pinia = createPinia();
export const mountVueComponent = (ComponentDefinition) => {
const component = Vue.extend(ComponentDefinition);
return (propsData, el) => new component({ propsData, el });
return (propsData, el) => new component({ propsData, el, pinia });
};
export const replaceChildrenWithComponent = (el, ComponentDefinition, propsData = {}) => {
const container = document.createElement("div");
el.replaceChildren(container);
const component = Vue.extend(ComponentDefinition);
const mountFn = (propsData, el) => new component({ propsData, el });
const mountFn = (propsData, el) => new component({ propsData, el, pinia });
return mountFn(propsData, container);
};