Bump @nextcloud/eslint-config from 6.1.2 to 8.1.2

Fix all file extension related to new rules from eslint-config-8.1.2

Bumps [@nextcloud/eslint-config](https://github.com/nextcloud/eslint-config) from 6.1.2 to 8.1.2.
- [Release notes](https://github.com/nextcloud/eslint-config/releases)
- [Changelog](https://github.com/nextcloud/eslint-config/blob/master/CHANGELOG.md)
- [Commits](https://github.com/nextcloud/eslint-config/compare/v6.1.2...v8.1.2)

---
updated-dependencies:
- dependency-name: "@nextcloud/eslint-config"
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

1 files changed, 21 insertions, 30 deletions

diff --git a/src/components/AppNavigation/CircleNavigationItem.vue b/src/components/AppNavigation/CircleNavigationItem.vue
index d276bad1..22be2dad 100644
--- a/src/components/AppNavigation/CircleNavigationItem.vue
+++ b/src/components/AppNavigation/CircleNavigationItem.vue
@@ -20,13 +20,11 @@
   -
   -->
 <template>
-	<AppNavigationItem
-		:key="circle.key"
+	<AppNavigationItem :key="circle.key"
 		:title="circle.displayName"
 		:to="circle.router">
 		<template #icon>
-			<IconCircles
-				:size="20" />
+			<IconCircles :size="20" />
 		</template>
 		<template v-if="loadingAction" slot="actions">
 			<ActionText>
@@ -38,28 +36,24 @@
 		</template>
 
 		<template v-else slot="actions">
-			<ActionButton
-				v-if="circle.canManageMembers"
+			<ActionButton v-if="circle.canManageMembers"
 				:close-after-click="true"
 				@click="addMemberToCircle">
 				<template #icon>
-					<IconAdd
-						:size="20" />
+					<IconAdd :size="20" />
 				</template>
 				{{ t('contacts', 'Add member') }}
 			</ActionButton>
 
 			<!-- copy circle link -->
-			<ActionLink
-				:href="circleUrl"
+			<ActionLink :href="circleUrl"
 				:icon="copyLinkIcon"
 				@click.stop.prevent="copyToClipboard(circleUrl)">
 				{{ copyButtonText }}
 			</ActionLink>
 
 			<!-- leave circle -->
-			<ActionButton
-				v-if="circle.canLeave"
+			<ActionButton v-if="circle.canLeave"
 				@click="confirmLeaveCircle">
 				{{ t('contacts', 'Leave circle') }}
 				<ExitToApp slot="icon"
@@ -68,8 +62,7 @@
 			</ActionButton>
 
 			<!-- join circle -->
-			<ActionButton
-				v-else-if="!circle.isMember && circle.canJoin"
+			<ActionButton v-else-if="!circle.isMember && circle.canJoin"
 				:disabled="loadingJoin"
 				@click="joinCircle">
 				{{ joinButtonTitle }}
@@ -79,12 +72,10 @@
 			</ActionButton>
 
 			<!-- delete circle -->
-			<ActionButton
-				v-if="circle.canDelete"
+			<ActionButton v-if="circle.canDelete"
 				@click="confirmDeleteCircle">
 				<template #icon>
-					<IconDelete
-						:size="20" />
+					<IconDelete :size="20" />
 				</template>
 				{{ t('contacts', 'Delete circle') }}
 			</ActionButton>
@@ -99,19 +90,19 @@
 </template>
 
 <script>
-import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton'
-import ActionLink from '@nextcloud/vue/dist/Components/NcActionLink'
-import ActionText from '@nextcloud/vue/dist/Components/NcActionText'
-import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble'
-import AppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem'
-import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon'
-import ExitToApp from 'vue-material-design-icons/ExitToApp'
-import IconAdd from 'vue-material-design-icons/Plus'
-import IconDelete from 'vue-material-design-icons/Delete'
-import LocationEnter from 'vue-material-design-icons/LocationEnter'
-import IconCircles from '../Icons/IconCircles'
+import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
+import ActionLink from '@nextcloud/vue/dist/Components/NcActionLink.js'
+import ActionText from '@nextcloud/vue/dist/Components/NcActionText.js'
+import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble.js'
+import AppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js'
+import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+import ExitToApp from 'vue-material-design-icons/ExitToApp.vue'
+import IconAdd from 'vue-material-design-icons/Plus.vue'
+import IconDelete from 'vue-material-design-icons/Delete.vue'
+import LocationEnter from 'vue-material-design-icons/LocationEnter.vue'
+import IconCircles from '../Icons/IconCircles.vue'
 import Circle from '../../models/circle.ts'
-import CircleActionsMixin from '../../mixins/CircleActionsMixin'
+import CircleActionsMixin from '../../mixins/CircleActionsMixin.js'
 
 export default {
 	name: 'CircleNavigationItem',