From 89cf4a726bb4eee62944c5ac2f5df34dc829db2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A1n=20Kolin=C4=8D=C3=A1k?= <jankolincak@gmail.com>
Date: Sun, 22 Aug 2021 20:19:23 +0200
Subject: [PATCH] fixed className prop

---
 src/components/Sidebar/NavLink/NavLink.vue | 4 ++--
 src/components/Widget/Widget.vue           | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Sidebar/NavLink/NavLink.vue b/src/components/Sidebar/NavLink/NavLink.vue
index 5047be5..3650bbb 100644
--- a/src/components/Sidebar/NavLink/NavLink.vue
+++ b/src/components/Sidebar/NavLink/NavLink.vue
@@ -1,5 +1,5 @@
 <template>
-  <li v-if="!childrenLinks && isHeader" :class="{headerLink: true, className}">
+  <li v-if="!childrenLinks && isHeader" :class="{headerLink: true, [className]: className}">
     <router-link :to="link" class="sidebar-link">
       <span class="icon">
         <i :class="fullIconName"></i>
@@ -8,7 +8,7 @@
       <b-badge v-if="badge" variant="primary" pill>{{badge}}</b-badge>
     </router-link>
   </li>
-  <li v-else-if="childrenLinks" :class="{headerLink: true, className}">
+  <li v-else-if="childrenLinks" :class="{headerLink: true, [className]: className}">
     <div @click="() => togglePanelCollapse(link)">
       <router-link :to="link" event="" class="d-flex sidebar-link">
         <span class="icon">
diff --git a/src/components/Widget/Widget.vue b/src/components/Widget/Widget.vue
index 8940ff4..0840596 100644
--- a/src/components/Widget/Widget.vue
+++ b/src/components/Widget/Widget.vue
@@ -1,7 +1,7 @@
 <template>
   <section :class="{
     widget: true,
-    className,
+    [className]: className,
     collapsed: state === 'collapse',
     fullscreened: state === 'fullscreen',
     loading: fetchingData