enh(core): Refactor profile page to use vue components

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

core/Controller/ProfilePageController.php

@@ -29,7 +29,7 @@
 
 use OC\Profile\ProfileManager;
 use OCP\AppFramework\Controller;
-use OCP\AppFramework\Http\Attribute\IgnoreOpenAPI;
+use OCP\AppFramework\Http\Attribute\OpenAPI;
 use OCP\AppFramework\Http\TemplateResponse;
 use OCP\AppFramework\Services\IInitialState;
 use OCP\EventDispatcher\IEventDispatcher;
@@ -42,7 +42,7 @@
 use OCP\Share\IManager as IShareManager;
 use OCP\UserStatus\IManager as IUserStatusManager;
 
-#[IgnoreOpenAPI]
+#[OpenAPI(scope: OpenAPI::SCOPE_IGNORE)]
 class ProfilePageController extends Controller {
 	public function __construct(
 		string $appName,

core/src/profile.js core/src/profile.tscore/src/profile.js renamed to core/src/profile.ts

@@ -20,17 +20,14 @@
  *
  */
 
-import Vue from 'vue'
 import { getRequestToken } from '@nextcloud/auth'
-import { translate as t } from '@nextcloud/l10n'
-import VTooltip from 'v-tooltip'
-
-import logger from './logger.js'
+import Vue from 'vue'
 
 import Profile from './views/Profile.vue'
 import ProfileSections from './profile/ProfileSections.js'
 
-__webpack_nonce__ = btoa(getRequestToken())
+// @ts-expect-error Script nonce required for webpack loading additional scripts
+__webpack_nonce__ = btoa(getRequestToken() ?? '')
 
 if (!window.OCA) {
 	window.OCA = {}
@@ -41,19 +38,8 @@ if (!window.OCA.Core) {
 }
 Object.assign(window.OCA.Core, { ProfileSections: new ProfileSections() })
 
-Vue.use(VTooltip)
-
-Vue.mixin({
-	props: {
-		logger,
-	},
-	methods: {
-		t,
-	},
-})
-
 const View = Vue.extend(Profile)
 
 window.addEventListener('DOMContentLoaded', () => {
-	new View().$mount('#vue-profile')
+	new View().$mount('#content')
 })