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>

3 files changed, 25 insertions, 31 deletions

diff --git a/src/components/AppContent/ChartContent.vue b/src/components/AppContent/ChartContent.vue
index e9c3b82f..a4fe165e 100644
--- a/src/components/AppContent/ChartContent.vue
+++ b/src/components/AppContent/ChartContent.vue
@@ -5,10 +5,10 @@
 </template>
 
 <script>
-import AppContent from '@nextcloud/vue/dist/Components/NcAppContent'
+import AppContent from '@nextcloud/vue/dist/Components/NcAppContent.js'
 
 import OrgChart from '../OrgChart.vue'
-import { getChart, transformNode } from '../../utils/chartUtils'
+import { getChart, transformNode } from '../../utils/chartUtils.js'
 
 export default {
 	name: 'ChartContent',
diff --git a/src/components/AppContent/CircleContent.vue b/src/components/AppContent/CircleContent.vue
index 90619e90..57c9e6cd 100644
--- a/src/components/AppContent/CircleContent.vue
+++ b/src/components/AppContent/CircleContent.vue
@@ -24,8 +24,7 @@
 	<AppContent v-if="!circle">
 		<EmptyContent :title="t('contacts', 'Please select a circle')">
 			<template #icon>
-				<IconCircles
-					:size="20" />
+				<IconCircles :size="20" />
 			</template>
 		</EmptyContent>
 	</AppContent>
@@ -41,8 +40,7 @@
 	<AppContent v-else :show-details.sync="showDetails">
 		<!-- member list -->
 		<template #list>
-			<MemberList
-				:list="members"
+			<MemberList :list="members"
 				:loading="loadingList"
 				:show-details.sync="showDetails" />
 		</template>
@@ -60,8 +58,7 @@
 
 				<EmptyContent v-else :title="t('contacts', 'You are not a member of {circle}', { circle: circle.displayName})">
 					<template #icon>
-						<IconCircles
-							:size="20" />
+						<IconCircles :size="20" />
 					</template>
 				</EmptyContent>
 			</template>
@@ -70,14 +67,14 @@
 </template>
 <script>
 import { showError } from '@nextcloud/dialogs'
-import AppContent from '@nextcloud/vue/dist/Components/NcAppContent'
-import EmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent'
-import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon'
-import isMobile from '@nextcloud/vue/dist/Mixins/isMobile'
-import IconCircles from '../Icons/IconCircles'
-import CircleDetails from '../CircleDetails'
-import MemberList from '../MemberList'
-import RouterMixin from '../../mixins/RouterMixin'
+import AppContent from '@nextcloud/vue/dist/Components/NcAppContent.js'
+import EmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
+import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+import isMobile from '@nextcloud/vue/dist/Mixins/isMobile.js'
+import IconCircles from '../Icons/IconCircles.vue'
+import CircleDetails from '../CircleDetails.vue'
+import MemberList from '../MemberList.vue'
+import RouterMixin from '../../mixins/RouterMixin.js'
 
 export default {
 	name: 'CircleContent',
diff --git a/src/components/AppContent/ContactsContent.vue b/src/components/AppContent/ContactsContent.vue
index cf029546..60c3a5c1 100644
--- a/src/components/AppContent/ContactsContent.vue
+++ b/src/components/AppContent/ContactsContent.vue
@@ -32,8 +32,7 @@
 	<AppContent v-else-if="isEmptyGroup && !isRealGroup">
 		<EmptyContent :title="t('contacts', 'There are no contacts yet')">
 			<template #icon>
-				<IconContact
-					:size="20" />
+				<IconContact :size="20" />
 			</template>
 			<template #desc>
 				<Button type="primary" @click="newContact">
@@ -46,8 +45,7 @@
 	<AppContent v-else-if="isEmptyGroup && isRealGroup">
 		<EmptyContent :title=" t('contacts', 'There are no contacts in this group')">
 			<template #icon>
-				<IconContact
-					:size="20" />
+				<IconContact :size="20" />
 			</template>
 			<template #desc>
 				<Button v-if="contacts.length === 0" type="primary" @click="addContactsToGroup(selectedGroup)">
@@ -63,8 +61,7 @@
 	<AppContent v-else :show-details="showDetails" @update:showDetails="hideDetails">
 		<!-- contacts list -->
 		<template #list>
-			<ContactsList
-				:list="contactsList"
+			<ContactsList :list="contactsList"
 				:contacts="contacts"
 				:search-query="searchQuery" />
 		</template>
@@ -75,15 +72,15 @@
 </template>
 <script>
 import { emit } from '@nextcloud/event-bus'
-import AppContent from '@nextcloud/vue/dist/Components/NcAppContent'
-import Button from '@nextcloud/vue/dist/Components/NcButton'
-import EmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent'
-import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon'
-
-import ContactDetails from '../ContactDetails'
-import ContactsList from '../ContactsList'
-import IconContact from 'vue-material-design-icons/AccountMultiple'
-import RouterMixin from '../../mixins/RouterMixin'
+import AppContent from '@nextcloud/vue/dist/Components/NcAppContent.js'
+import Button from '@nextcloud/vue/dist/Components/NcButton.js'
+import EmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
+import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+
+import ContactDetails from '../ContactDetails.vue'
+import ContactsList from '../ContactsList.vue'
+import IconContact from 'vue-material-design-icons/AccountMultiple.vue'
+import RouterMixin from '../../mixins/RouterMixin.js'
 
 export default {
 	name: 'ContactsContent',