aboutsummaryrefslogtreecommitdiffstats
path: root/apps/settings/src/main-personal-security.js
diff options
context:
space:
mode:
Diffstat (limited to 'apps/settings/src/main-personal-security.js')
-rw-r--r--apps/settings/src/main-personal-security.js47
1 files changed, 14 insertions, 33 deletions
diff --git a/apps/settings/src/main-personal-security.js b/apps/settings/src/main-personal-security.js
index 15ef27680cc..583a375fb0e 100644
--- a/apps/settings/src/main-personal-security.js
+++ b/apps/settings/src/main-personal-security.js
@@ -1,44 +1,25 @@
/**
- * @copyright 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
- *
- * @author Christoph Wurst <christoph@winzerhof-wurst.at>
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license AGPL-3.0-or-later
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
*/
-import { loadState } from '@nextcloud/initial-state'
+import { getCSPNonce } from '@nextcloud/auth'
+import { PiniaVuePlugin, createPinia } from 'pinia'
+import VTooltipPlugin from 'v-tooltip'
import Vue from 'vue'
-import VueClipboard from 'vue-clipboard2'
-import VTooltip from 'v-tooltip'
-import AuthTokenSection from './components/AuthTokenSection'
+import AuthTokenSection from './components/AuthTokenSection.vue'
+
+import '@nextcloud/password-confirmation/dist/style.css'
// eslint-disable-next-line camelcase
-__webpack_nonce__ = btoa(OC.requestToken)
+__webpack_nonce__ = getCSPNonce()
+
+const pinia = createPinia()
-Vue.use(VueClipboard)
-Vue.use(VTooltip, { defaultHtml: false })
+Vue.use(PiniaVuePlugin)
+Vue.use(VTooltipPlugin, { defaultHtml: false })
Vue.prototype.t = t
const View = Vue.extend(AuthTokenSection)
-new View({
- propsData: {
- tokens: loadState('settings', 'app_tokens'),
- canCreateToken: loadState('settings', 'can_create_app_token'),
- },
-}).$mount('#security-authtokens')
+new View({ pinia }).$mount('#security-authtokens')