1 files changed, 6 insertions(+), 4 deletions(-)

M src/App.vue

@@ 12,9 12,9 @@
         <NcAppNavigationItem title="Overdue" :pinned="false"
         icon="icon-error" :open="false" :allow-collapse="true"
         to="/overdue" >
-          <CounterBubble slot="counter" :highlighted="true" v-show="overdueChoresCount > 0">
+          <NcCounterBubble slot="counter" :highlighted="true" v-show="overdueChoresCount > 0">
             {{overdueChoresCount}}
-          </CounterBubble>
+          </NcCounterBubble>
         </NcAppNavigationItem>
         <NcAppNavigationItem title="Upcoming" :pinned="false"
         icon="icon-calendar-dark" :open="false" :allow-collapse="true"


@@ 31,9 31,9 @@
       <template #list>
         <NcAppNavigationNew text="Create new team" button-class="icon-add" />
         <NcAppNavigationItem title="Invitations" class="active">
-          <CounterBubble slot="counter" :highlighted="false">
+          <NcCounterBubble slot="counter" :highlighted="false">
             {{store.invites.length}}
-          </CounterBubble>
+          </NcCounterBubble>
         </NcAppNavigationItem>
       </template>
     </NcAppNavigation>


@@ 99,6 99,7 @@ import NcAppContent from '@nextcloud/vue/dist/Components/NcAppContent';
 import NcAppNavigation from '@nextcloud/vue/dist/Components/NcAppNavigation';
 import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem';
 import NcAppNavigationNew from '@nextcloud/vue/dist/Components/NcAppNavigationNew';
+import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble';
 import { isOverdue } from './logic';
 
 export default {


@@ 109,6 110,7 @@ export default {
     NcAppNavigationItem,
     NcAppNavigationNew,
     NcContent,
+    NcCounterBubble,
   },
   data() {
     return {