Clicking on User leaves you with nothing ? You need to modify the Vue main.js. The problem is the main.js has a loop at the bottom that is not entered and responsible for rendering the vue parts of the UI:
https://github.com/krishagni/openspecimen/blob/master/ui/src/main.js
Specifically:
let count = appProps.plugins.length;
appProps.plugins.forEach(
(pluginName) => {
pluginLoader.load(pluginName).then(
function(pluginModule) {
app.use(pluginModule.default, { router, osSvc });
--count;
if (count <= 0) {
app.use(router).use(PrimeVue)
.mount('#app');
}
},
function(error) {
console.log('Error loading the plugin: ' + pluginName);
console.log(error);
--count;
if (count <= 0) {
app.use(router).use(PrimeVue)
.mount('#app');
}
}
)
}
);
}
);
Does not execute
app.use(router).use(PrimeVue)
since .forEach() wont even enter the loop if count = 0 or None
So for testing i fix this like this:
let count = appProps.plugins.length;
appProps.plugins.forEach(
(pluginName) => {
pluginLoader.load(pluginName).then(
function(pluginModule) {
app.use(pluginModule.default, { router, osSvc });
--count;
if (count <= 0) {
app.use(router).use(PrimeVue)
.mount('#app');
}
},
function(error) {
console.log('Error loading the plugin: ' + pluginName);
console.log(error);
--count;
if (count <= 0) {
app.use(router).use(PrimeVue)
.mount('#app');
}
}
)
}
);
app.use(router).use(PrimeVue)
.mount('#app');
}
);
Such that vue renders anything. Otherwise you can create the directory structure such that count is not None or 0, which i recommend for anything more than toying arround