init

src/components/PasswordChange.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { reactive } from 'vue'
+import { authClient } from '@/lib/auth-client.js'
+
+const passwordData = reactive({
+  newPassword: '',
+  currentPassword: '',
+})
+
+const changePassword = async () => {
+  await authClient.changePassword({
+    newPassword: passwordData.newPassword,
+    currentPassword: passwordData.currentPassword,
+    revokeOtherSessions: true,
+  })
+}
+</script>
+
+<template>
+  <v-sheet>
+    <div class="text-uppercase">Change password</div>
+    <div class="d-flex ga-2">
+      <v-text-field placeholder="current password" v-model="passwordData.currentPassword" />
+      <v-text-field placeholder="new password" v-model="passwordData.newPassword" />
+      <v-icon-btn variant="tonal" icon="mdi-check" @click="changePassword" />
+    </div>
+  </v-sheet>
+</template>
+
+<style scoped lang="scss"></style>