Fill Security component with values

Load from initial state

Signed-off-by: Vitor Mattos <[email protected]>

lib/Controller/PageController.php

@@ -4,6 +4,7 @@
 
 use OCA\MyCompany\AppInfo\Application;
 use OCA\Settings\Settings\Personal\PersonalInfo;
+use OCA\Settings\Settings\Personal\Security\Authtokens;
 use OCP\AppFramework\Controller;
 use OCP\AppFramework\Http\Attribute\NoAdminRequired;
 use OCP\AppFramework\Http\Attribute\NoCSRFRequired;
@@ -14,7 +15,8 @@
 class PageController extends Controller {
 	public function __construct(
 		IRequest $request,
-		private PersonalInfo $personalInfo
+		private PersonalInfo $personalInfo,
+		private Authtokens $authTokens,
 	) {
 		parent::__construct(Application::APP_ID, $request);
 	}

src/views/Security.vue

@@ -3,18 +3,32 @@
 		<div id="personal-settings">
 			<h2 class="hidden-visually">{{ t('my_company', 'Security') }}</h2>
 			<PasswordSection />
+			<AuthTokenSection
+				:tokens="tokens"
+				:canCreateToken="canCreateToken"
+				/>
 		</div>
 	</div>
 </template>
 
 <script>
 import PasswordSection from 'apps/settings/src/components/PasswordSection.vue'
+import AuthTokenSection from 'apps/settings/src/components/AuthTokenSection.vue'
+
+import { loadState } from '@nextcloud/initial-state'
 
 export default {
 	name: 'Profile',
 
+	data() {
+		return {
+			tokens: loadState('settings', 'app_tokens'),
+			canCreateToken: loadState('settings', 'can_create_app_token'),
+		}
+	},
 	components: {
 		PasswordSection,
+		AuthTokenSection,
 	},
 }
 </script>