mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-01-26 10:59:53 +00:00
b943c0fa75
## Summary Adds the [tailwind lint plugin](https://github.com/francoismassart/eslint-plugin-tailwindcss/?tab=readme-ov-file#eslint-plugin-tailwindcss) and fixes the currently fixable rules ([v4 is still in beta](https://github.com/francoismassart/eslint-plugin-tailwindcss/?tab=readme-ov-file#about-tailwind-css-4-support)). ## Changes - **What**: Enforces things like consistent class order, and eventually can prohibit extra classes that could be utilities instead - **Dependencies**: The plugin and its types ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-5984-Lint-Add-tailwind-linter-2866d73d365081d89db0d998232533bb) by [Unito](https://www.unito.io) --------- Co-authored-by: GitHub Action <action@github.com>
49 lines
1.2 KiB
Vue
49 lines
1.2 KiB
Vue
<template>
|
|
<Form
|
|
class="flex w-96 flex-col gap-6"
|
|
:resolver="zodResolver(updatePasswordSchema)"
|
|
@submit="onSubmit"
|
|
>
|
|
<PasswordFields />
|
|
|
|
<!-- Submit Button -->
|
|
<Button
|
|
type="submit"
|
|
:label="$t('userSettings.updatePassword')"
|
|
class="mt-4 h-10 font-medium"
|
|
:loading="loading"
|
|
/>
|
|
</Form>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { FormSubmitEvent } from '@primevue/forms'
|
|
import { Form } from '@primevue/forms'
|
|
import { zodResolver } from '@primevue/forms/resolvers/zod'
|
|
import Button from 'primevue/button'
|
|
import { ref } from 'vue'
|
|
|
|
import PasswordFields from '@/components/dialog/content/signin/PasswordFields.vue'
|
|
import { useFirebaseAuthActions } from '@/composables/auth/useFirebaseAuthActions'
|
|
import { updatePasswordSchema } from '@/schemas/signInSchema'
|
|
|
|
const authActions = useFirebaseAuthActions()
|
|
const loading = ref(false)
|
|
|
|
const { onSuccess } = defineProps<{
|
|
onSuccess: () => void
|
|
}>()
|
|
|
|
const onSubmit = async (event: FormSubmitEvent) => {
|
|
if (event.valid) {
|
|
loading.value = true
|
|
try {
|
|
await authActions.updatePassword(event.values.password)
|
|
onSuccess()
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
}
|
|
}
|
|
</script>
|