src/boot/plugins.ts

@@ -22,8 +22,8 @@ interface Plugin {
   store?: Module<never, never>[];
   mainLink: PluginMainLink;
   requiredModules: string[];
-  shortCuts: ShortCutLink[];
-  shortCutsOut: ShortCutLink[];
+  shortcuts: ShortCutLink[];
+  shortcutsOut: ShortCutLink[];
   version: string;
 }
 
@@ -156,8 +156,12 @@ function loadPlugin(
         loadedPlugins.mainLinks,
         plugin.mainLink
       );
-      loadedPlugins.shortcuts.concat(plugin.shortCuts);
-      loadedPlugins.shortcutsOut.concat(plugin.shortCutsOut);
+      loadedPlugins.shortcuts = loadedPlugins.shortcuts.concat(
+        plugin.shortcuts
+      );
+      loadedPlugins.shortcutsOut = loadedPlugins.shortcutsOut.concat(
+        plugin.shortcutsOut
+      );
       loadedPlugins.plugins.push({
         name: plugin.name,
         version: plugin.version
@@ -206,4 +210,5 @@ export default boot(({ Vue, router, store }) => {
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
   Vue.prototype.$flaschengeistPlugins = loadedPlugins;
   console.log(loadedPlugins);
+  console.log(Vue.prototype.$flaschengeistPlugins);
 });

src/layouts/OutLayout.vue

@@ -13,6 +13,14 @@
             Flaschengeist
           </span>
         </q-toolbar-title>
+        <div>
+          <short-cut-link
+            v-for="(shortcut, index) in $flaschengeistPlugins.shortcutsOut"
+            :key="'shortcut' + index"
+            :link="shortcut.link"
+            :icon="shortcut.icon"
+          />
+        </div>
         <q-btn
           flat
           round
@@ -45,7 +53,9 @@
 
 <script lang="ts">
 import { defineComponent } from '@vue/composition-api';
+import ShortCutLink from 'components/navigation/ShortCutLink.vue';
 export default defineComponent({
-  name: 'OutLayout'
+  name: 'OutLayout',
+  components: { ShortCutLink }
 });
 </script>

src/pages/about/About.vue

@@ -4,7 +4,7 @@
     class="fit row justify-center content-center items-center"
     v-if="$route.name == 'about' || $route.name == 'about_out'"
   >
-    <q-card flat class="col-6">
+    <q-card flat class="col-xs-12 col-sm-10 col-md-6">
       <q-card-section
         class="row fit justify-center items-center content-center"
       >

src/plugins/plugin-example/plugin.ts

@@ -1,4 +1,4 @@
-import { Plugin, PluginMainLink } from 'boot/plugins';
+import { Plugin, PluginMainLink, ShortCutLink } from 'boot/plugins';
 import routes from 'src/plugins/plugin-example/routes';
 
 const mainLink: PluginMainLink = {
@@ -27,8 +27,8 @@ const plugin: Plugin = {
   mainLink,
   name: mainLink.name,
   requiredModules: [],
-  shortCuts: [],
-  shortCutsOut: [],
+  shortcuts: [],
+  shortcutsOut: [],
   version: '1.0.2'
 };
 

src/plugins/user-plugin/plugin.ts

@@ -22,7 +22,7 @@ const mainLink: PluginMainLink = {
   ]
 };
 
-const shortCuts: ShortCutLink[] = [
+const shortcuts: ShortCutLink[] = [
   {
     link: 'user-plugin2',
     icon: 'mdi-account-minus'
@@ -34,8 +34,8 @@ const plugin: Plugin = {
   mainLink,
   name: mainLink.name,
   requiredModules: ['user'],
-  shortCuts,
-  shortCutsOut: [],
+  shortcuts,
+  shortcutsOut: [],
   version: '0.1.0'
 };
 

src/plugins/user/plugin.ts

@@ -14,8 +14,8 @@ const plugin: Plugin = {
   mainLink,
   name: mainLink.name,
   requiredModules: [],
-  shortCutsOut: [],
-  shortCuts: [],
+  shortcutsOut: [],
+  shortcuts: [],
   version: '0.0.1'
 };