updateClerkOptions()
The updateClerkOptions() function is used to update Clerk's options at runtime. It can be called at any time after Clerk has been initialized.
Usage
<script setup>
import { updateClerkOptions } from '@clerk/vue'
import { dark } from '@clerk/themes'
const isDark = ref(false)
function toggleTheme() {
isDark.value = !isDark.value
updateClerkOptions({
appearance: {
baseTheme: isDark.value ? dark : undefined,
},
})
}
</script>
<template>
<button @click="toggleTheme">Toggle Theme</button>
</template>- Name
appearance- Type
Appearance | undefined- Description
Optional object to style your components. Will only affect Clerk components and not Account Portal pages.
- Name
localization- Type
Localization | undefined- Description
Optional object to localize your components. Will only affect Clerk components and not Account Portal pages.
Feedback
Last updated on