initial

apps/client/pages/settings/safety.vue

@@ -0,0 +1,27 @@
+<template>
+  <PageBlock title="Account details" class="mb-24">
+    <SettingsProperty icon="mail" title="Mail" :text="hideEmail(user.email)" />
+
+    <SettingsProperty icon="key" title="Password" text="You will log out automatically after changing your password">
+      <UiButton size="large" type="ghost" color="primary" href="/reset-password/new-authorized">
+        Change
+      </UiButton>
+    </SettingsProperty>
+  </PageBlock>
+
+  <PageBlock title="Two-factor Authentication (2FA)">
+    <SettingsProperty icon="protection" title="2FA authentication" text="Two-factor authentication (2FA) provides more reliable account protection.">
+      <UiButton size="large" type="ghost" color="primary" href="/2fa">
+        Plug
+      </UiButton>
+    </SettingsProperty>
+  </PageBlock>
+</template>
+
+<script setup>
+const { user } = useAuth()
+</script>
+
+<style lang="scss">
+
+</style>