diff options
author | Richard Steinmetz <richard@steinmetz.cloud> | 2022-10-07 13:52:45 +0200 |
---|---|---|
committer | Richard Steinmetz <richard@steinmetz.cloud> | 2022-10-07 13:52:45 +0200 |
commit | a41e62cbd80216317d1fc3bd4733f3ac9effc514 (patch) | |
tree | 7f578e7df015ab73b1d2c8beb3395add776812e0 /src/components/AppNavigation/GroupNavigationItem.vue | |
parent | e3114290458e00b2fb32315752f0c6113ef1d9e1 (diff) |
Migrate AppNavigationCounter to CounterBubble
Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>
Diffstat (limited to 'src/components/AppNavigation/GroupNavigationItem.vue')
-rw-r--r-- | src/components/AppNavigation/GroupNavigationItem.vue | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/src/components/AppNavigation/GroupNavigationItem.vue b/src/components/AppNavigation/GroupNavigationItem.vue index cbefe26f..adfd3cf9 100644 --- a/src/components/AppNavigation/GroupNavigationItem.vue +++ b/src/components/AppNavigation/GroupNavigationItem.vue @@ -57,9 +57,11 @@ </ActionButton> </template> - <AppNavigationCounter v-if="group.contacts.length > 0" slot="counter"> - {{ group.contacts.length }} - </AppNavigationCounter> + <template #counter> + <NcCounterBubble v-if="group.contacts.length > 0"> + {{ group.contacts.length }} + </NcCounterBubble> + </template> </AppNavigationItem> </template> @@ -69,7 +71,7 @@ import download from 'downloadjs' import moment from 'moment' import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton' -import AppNavigationCounter from '@nextcloud/vue/dist/Components/NcAppNavigationCounter' +import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble' import AppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem' import IconContact from 'vue-material-design-icons/AccountMultiple' import IconAdd from 'vue-material-design-icons/Plus' @@ -81,7 +83,7 @@ export default { components: { ActionButton, - AppNavigationCounter, + NcCounterBubble, AppNavigationItem, IconContact, IconAdd, |