From 9469cda4b0b5f97e05ae828549ee35bf233f7ea3 Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <rpm@fthiessen.de>
Date: Fri, 19 Mar 2021 17:36:34 +0100
Subject: [PATCH] [Dashboard] Fixed display of widgets

---
 src/pages/Dashboard.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/pages/Dashboard.vue b/src/pages/Dashboard.vue
index 6c0858d..cf95b70 100644
--- a/src/pages/Dashboard.vue
+++ b/src/pages/Dashboard.vue
@@ -5,25 +5,22 @@
     class="fit row justify-around items-start q-col-gutter-sm"
   >
     <div v-for="(item, index) in widgets" :key="index" class="col-4 full-height col-sm-6 col-xs-12">
-      <component :is="item" />
+      <component :is="item.widget" />
     </div>
   </q-page>
 </template>
 
 <script lang="ts">
-import { Component, defineComponent, onMounted, inject, markRaw } from 'vue';
+import { computed, defineComponent, inject } from 'vue';
 import { hasPermissions } from 'src/utils/permission';
 import { FG_Plugin } from 'src/plugins';
+
 export default defineComponent({
   name: 'Dashboard',
   setup() {
-    const widgets = markRaw<Array<Component>>([]);
     const flaschengeist = inject<FG_Plugin.Flaschengeist>('flaschengeist');
-
-    onMounted(() => {
-      flaschengeist?.widgets.forEach((widget) => {
-        if (hasPermissions(widget.permissions)) widgets.push(widget.widget);
-      });
+    const widgets = computed(() => {
+      return flaschengeist?.widgets.filter((widget) => hasPermissions(widget.permissions));
     });
 
     return {