working on plugin pages

src/renderer/main/vueapp.js

@@ -217,7 +217,11 @@ const app = new Vue({
             }
         },
         pauseButtonTimer: null,
-        activeCasts: []
+        activeCasts: [],
+        pluginPages: {
+            page: "hello-world",
+            pages: [],
+        }
     },
     watch: {
         cfg: {
@@ -1488,6 +1492,11 @@ const app = new Vue({
             let page = hash[0]
             let id = hash[1]
             let isLibrary = hash[2] ?? false
+            if(page == "plugin") {
+                this.pluginPages.page = "plugin." + id
+                this.page = "plugin-renderer"
+                return
+            }
             this.routeView({
                 kind: page,
                 id: id,

src/renderer/views/components/hello-world.ejs

@@ -3,7 +3,7 @@
 </script>
 
 <script>
-    Vue.component('hello-world', {
+    var hw = Vue.component('hello-world', {
         template: '#hello-world',
         methods: {
             sayHello: function () {

src/renderer/views/pages/plugin-renderer.ejs

@@ -0,0 +1,22 @@
+<script>
+    Vue.component('plugin-renderer', {
+        /*html*/
+        template: `
+            <component :is="getPage()"></component>
+        `,
+        data: function () {
+            return {
+                app: this.$root,
+            }
+        },
+        props: {},
+        mounted() { 
+        },
+        methods: {
+            getPage() {
+                return this.$root.pluginPages.page
+            }
+        },
+    }
+    );
+</script>