1 files changed, 40 insertions, 0 deletions
diff --git a/apps/settings/src/components/AuthTokenSection.vue b/apps/settings/src/components/AuthTokenSection.vue
new file mode 100644
index 00000000000..3a216f6407f
--- /dev/null
+++ b/apps/settings/src/components/AuthTokenSection.vue
@@ -0,0 +1,40 @@
+<!--
+  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+
+<template>
+	<div id="security" class="section">
+		<h2>{{ t('settings', 'Devices & sessions', {}, undefined, {sanitize: false}) }}</h2>
+		<p class="settings-hint hidden-when-empty">
+			{{ t('settings', 'Web, desktop and mobile clients currently logged in to your account.') }}
+		</p>
+		<AuthTokenList />
+		<AuthTokenSetup v-if="canCreateToken" />
+	</div>
+</template>
+
+<script lang="ts">
+import { loadState } from '@nextcloud/initial-state'
+import { translate as t } from '@nextcloud/l10n'
+import { defineComponent } from 'vue'
+
+import AuthTokenList from './AuthTokenList.vue'
+import AuthTokenSetup from './AuthTokenSetup.vue'
+
+export default defineComponent({
+	name: 'AuthTokenSection',
+	components: {
+		AuthTokenList,
+		AuthTokenSetup,
+	},
+	data() {
+		return {
+			canCreateToken: loadState('settings', 'can_create_app_token'),
+		}
+	},
+	methods: {
+		t,
+	},
+})
+</script>