chore: run format

Jorgagu · Jorgagu · commit 741b30a27105 · 2026-03-14T20:47:39.000+01:00
diff --git a/examples/nuxt-app/README.md b/examples/nuxt-app/README.md
@@ -1,6 +1,7 @@
 # Ory Nuxt Example
 
-This example demonstrates how to integrate Ory authentication flows with a Nuxt 4 application using `@ory/nuxt` and `@ory/elements-vue`.
+This example demonstrates how to integrate Ory authentication flows with a Nuxt
+4 application using `@ory/nuxt` and `@ory/elements-vue`.
 
 ## Project Structure
 
@@ -109,13 +110,15 @@ body {
 }
 ```
 
-The `@import` imports the default Ory theme styles, while `@source` tells Tailwind to scan the Ory elements package for class names used in components.
+The `@import` imports the default Ory theme styles, while `@source` tells
+Tailwind to scan the Ory elements package for class names used in components.
 
 ## Using Ory Components
 
 ### Auth Pages
 
-Import the flow component and use the corresponding composable (e.g., `pages/login.vue`):
+Import the flow component and use the corresponding composable (e.g.,
+`pages/login.vue`):
 
 ```vue
 <script setup lang="ts">
@@ -135,6 +138,7 @@ const flow = await useOryLoginFlow()
 ```
 
 Available components:
+
 - `Login` - Login flow with `useOryLoginFlow()`
 - `Registration` - Registration flow with `useOryRegistrationFlow()`
 - `Recovery` - Account recovery with `useOryRecoveryFlow()`
@@ -151,9 +155,7 @@ const { data: session } = await useAsyncOrySession()
 </script>
 
 <template>
-  <div v-if="session">
-    Welcome back! Session ID: {{ session.id }}
-  </div>
+  <div v-if="session">Welcome back! Session ID: {{ session.id }}</div>
   <div v-else>
     <NuxtLink to="/login">Login</NuxtLink>
   </div>
@@ -176,15 +178,15 @@ This redirects unauthenticated users to the login page.
 
 ## Available Composables
 
-| Composable | Description |
-|------------|-------------|
-| `useOryConfig()` | Access Ory project configuration |
-| `useOryLoginFlow()` | Initialize or retrieve login flow |
+| Composable                 | Description                              |
+| -------------------------- | ---------------------------------------- |
+| `useOryConfig()`           | Access Ory project configuration         |
+| `useOryLoginFlow()`        | Initialize or retrieve login flow        |
 | `useOryRegistrationFlow()` | Initialize or retrieve registration flow |
-| `useOryRecoveryFlow()` | Initialize or retrieve recovery flow |
+| `useOryRecoveryFlow()`     | Initialize or retrieve recovery flow     |
 | `useOryVerificationFlow()` | Initialize or retrieve verification flow |
-| `useOrySettingsFlow()` | Initialize or retrieve settings flow |
-| `useAsyncOrySession()` | Get current session (async) |
+| `useOrySettingsFlow()`     | Initialize or retrieve settings flow     |
+| `useAsyncOrySession()`     | Get current session (async)              |
 
 ## Running the Example
 
@@ -204,11 +206,14 @@ npm run dev --workspace=nuxt-app
 
 The app will be available at http://localhost:3000.
 
-> **Note:** The `prepare:types` script runs `nuxt prepare` to generate TypeScript declarations for better IDE support. This is optional as `nuxt dev` and `nuxt build` run it automatically.
+> **Note:** The `prepare:types` script runs `nuxt prepare` to generate
+> TypeScript declarations for better IDE support. This is optional as `nuxt dev`
+> and `nuxt build` run it automatically.
 
 ## Internationalization (i18n)
 
-The example uses English (`en`) locale by default. To change the locale, update `nuxt.config.ts`:
+The example uses English (`en`) locale by default. To change the locale, update
+`nuxt.config.ts`:
 
 ```typescript
 ory: {
diff --git a/nx.json b/nx.json
@@ -4,7 +4,15 @@
     "default": {
       "runner": "nx/tasks-runners/default",
       "options": {
-        "cacheableOperations": ["build", "dev", "preview", "build-storybook", "test", "lint", "typecheck"]
+        "cacheableOperations": [
+          "build",
+          "dev",
+          "preview",
+          "build-storybook",
+          "test",
+          "lint",
+          "typecheck"
+        ]
       }
     }
   },
diff --git a/packages/elements-vue/.storybook/main.ts b/packages/elements-vue/.storybook/main.ts
@@ -35,7 +35,10 @@ const config: StorybookConfig = {
       ...(Array.isArray(config.resolve.alias) ? config.resolve.alias : []),
       {
         find: "$snapshots",
-        replacement: path.resolve(__dirname, "../../elements-react/.stub-responses"),
+        replacement: path.resolve(
+          __dirname,
+          "../../elements-react/.stub-responses",
+        ),
       },
       {
         find: "@ory/elements-vue",
diff --git a/packages/elements-vue/project.json b/packages/elements-vue/project.json
@@ -41,7 +41,10 @@
       "executor": "@nx/eslint:lint",
       "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": ["packages/elements-vue/**/*.ts", "packages/elements-vue/**/*.vue"]
+        "lintFilePatterns": [
+          "packages/elements-vue/**/*.ts",
+          "packages/elements-vue/**/*.vue"
+        ]
       }
     },
     "typecheck": {
diff --git a/packages/elements-vue/src/components/form/OryForm.vue b/packages/elements-vue/src/components/form/OryForm.vue
@@ -83,10 +83,7 @@ watch(
 <template>
   <template v-if="!hasMethods">
     <component :is="components.Message.Root">
-      <component
-        :is="components.Message.Content"
-        :message="noMethodsMessage"
-      />
+      <component :is="components.Message.Content" :message="noMethodsMessage" />
     </component>
   </template>
   <component
diff --git a/packages/elements-vue/src/components/form/OryMessages.vue b/packages/elements-vue/src/components/form/OryMessages.vue
@@ -26,16 +26,14 @@ const props = withDefaults(
 
 const components = useComponents()
 
-const filteredMessages = computed(() =>
-  props.messages?.filter((m) => !props.hiddenMessageIds.includes(m.id)) ?? [],
+const filteredMessages = computed(
+  () =>
+    props.messages?.filter((m) => !props.hiddenMessageIds.includes(m.id)) ?? [],
 )
 </script>
 
 <template>
-  <component
-    :is="components.Message.Root"
-    v-if="filteredMessages.length > 0"
-  >
+  <component :is="components.Message.Root" v-if="filteredMessages.length > 0">
     <component
       :is="components.Message.Content"
       v-for="message in filteredMessages"
diff --git a/packages/elements-vue/src/composables/useSlotContent.ts b/packages/elements-vue/src/composables/useSlotContent.ts
@@ -9,7 +9,11 @@ import { computed, Comment, Text, type Slots } from "vue"
 export function useHasSlotContent(slots: Slots) {
   return computed(() => {
     const slotContent = slots.default?.()
-    if (!slotContent || !Array.isArray(slotContent) || slotContent.length === 0) {
+    if (
+      !slotContent ||
+      !Array.isArray(slotContent) ||
+      slotContent.length === 0
+    ) {
       return false
     }
     return slotContent.some((vnode) => {
diff --git a/packages/elements-vue/src/theme/default/components/card/DefaultCardFooter.vue b/packages/elements-vue/src/theme/default/components/card/DefaultCardFooter.vue
@@ -200,7 +200,11 @@ const footerContent = computed(() => {
 const hasRealSlotContent = useHasSlotContent(slots)
 
 const hasFooterContent = computed(
-  () => showLogoutButton.value || showChooseMethod.value || showGoBackLink.value || footerContent.value,
+  () =>
+    showLogoutButton.value ||
+    showChooseMethod.value ||
+    showGoBackLink.value ||
+    footerContent.value,
 )
 
 const logoutHref = computed(() => logoutUrl.value || fallbackUrl.value)
diff --git a/packages/elements-vue/src/theme/default/components/card/DefaultCardHeader.vue b/packages/elements-vue/src/theme/default/components/card/DefaultCardHeader.vue
@@ -25,40 +25,57 @@ const headerText = computed(() => {
   const ui = flow.ui
 
   if (flowType.value === FlowType.Login) {
-    return useCardHeaderText(ui, {
-      flowType: FlowType.Login as const,
-      flow: {
-        refresh: "refresh" in flow ? flow.refresh : false,
-        requested_aal: "requested_aal" in flow ? flow.requested_aal : undefined,
+    return useCardHeaderText(
+      ui,
+      {
+        flowType: FlowType.Login as const,
+        flow: {
+          refresh: "refresh" in flow ? flow.refresh : false,
+          requested_aal:
+            "requested_aal" in flow ? flow.requested_aal : undefined,
+        },
+        formState: formState.value,
       },
-      formState: formState.value,
-    }, t)
+      t,
+    )
   }
 
   if (flowType.value === FlowType.Registration) {
-    return useCardHeaderText(ui, {
-      flowType: FlowType.Registration as const,
-      formState: formState.value,
-    }, t)
+    return useCardHeaderText(
+      ui,
+      {
+        flowType: FlowType.Registration as const,
+        formState: formState.value,
+      },
+      t,
+    )
   }
 
   if (flowType.value === FlowType.OAuth2Consent && isConsentFlow(flow)) {
-    return useCardHeaderText(ui, {
-      flowType: FlowType.OAuth2Consent as const,
-      flow: {
-        consent_request: flow.consent_request,
-        session: flow.session,
+    return useCardHeaderText(
+      ui,
+      {
+        flowType: FlowType.OAuth2Consent as const,
+        flow: {
+          consent_request: flow.consent_request,
+          session: flow.session,
+        },
       },
-    }, t)
+      t,
+    )
   }
 
-  return useCardHeaderText(ui, {
-    flowType: flowType.value as
-      | FlowType.Recovery
-      | FlowType.Verification
-      | FlowType.Settings
-      | FlowType.Error,
-  }, t)
+  return useCardHeaderText(
+    ui,
+    {
+      flowType: flowType.value as
+        | FlowType.Recovery
+        | FlowType.Verification
+        | FlowType.Settings
+        | FlowType.Error,
+    },
+    t,
+  )
 })
 
 const hasRealSlotContent = useHasSlotContent(slots)
diff --git a/packages/elements-vue/src/theme/default/components/form/DefaultConsentCheckbox.vue b/packages/elements-vue/src/theme/default/components/form/DefaultConsentCheckbox.vue
@@ -45,7 +45,9 @@ const scopeDescription = computed(() => {
   return translation === key ? "" : translation
 })
 
-const iconName = computed((): IconName => ScopeIcons[scopeValue.value] ?? "personal")
+const iconName = computed(
+  (): IconName => ScopeIcons[scopeValue.value] ?? "personal",
+)
 
 function handleChange() {
   isChecked.value = !isChecked.value
@@ -62,9 +64,7 @@ function handleChange() {
       <Icon :name="iconName" :size="16" />
     </span>
     <span class="inline-flex max-w-full min-w-1 flex-1 flex-col leading-normal">
-      <span
-        class="break-words text-interface-foreground-default-primary"
-      >
+      <span class="break-words text-interface-foreground-default-primary">
         {{ scopeTitle }}
       </span>
       <span
diff --git a/packages/elements-vue/src/theme/default/components/form/DefaultInput.vue b/packages/elements-vue/src/theme/default/components/form/DefaultInput.vue
@@ -122,7 +122,13 @@ function togglePassword() {
     :disabled="attributes.disabled"
     :autocomplete="attributes.autocomplete"
     :pattern="attributes.pattern"
-    :class="cn(defaultInputClassName, textInputClassName, isSettingsFlow && 'max-w-[488px]')"
+    :class="
+      cn(
+        defaultInputClassName,
+        textInputClassName,
+        isSettingsFlow && 'max-w-[488px]',
+      )
+    "
     :data-testid="`ory/form/node/input/${attributes.name}`"
     @input="handleInput"
     @blur="handleBlur"
diff --git a/packages/elements-vue/src/theme/default/components/form/DefaultMessage.vue b/packages/elements-vue/src/theme/default/components/form/DefaultMessage.vue
@@ -25,7 +25,9 @@ const messageClass = computed(
   () => `leading-normal ${messageTypeClasses[props.message.type] ?? ""}`,
 )
 
-const formattedMessage = computed(() => uiTextToFormattedMessage(props.message, t))
+const formattedMessage = computed(() =>
+  uiTextToFormattedMessage(props.message, t),
+)
 </script>
 
 <template>
diff --git a/packages/elements-vue/src/theme/default/components/form/DefaultSsoButton.vue b/packages/elements-vue/src/theme/default/components/form/DefaultSsoButton.vue
@@ -41,8 +41,8 @@ const ssoNodes = computed(() =>
 
 const ssoNodeCount = computed(() => ssoNodes.value.length)
 
-const providerKey = computed(() =>
-  (props.attributes.value as string).split("-")[0],
+const providerKey = computed(
+  () => (props.attributes.value as string).split("-")[0],
 )
 
 const providerDisplayName = computed(() => {
diff --git a/packages/elements-vue/src/theme/default/components/settings/DefaultSettingsRecoveryCodes.vue b/packages/elements-vue/src/theme/default/components/settings/DefaultSettingsRecoveryCodes.vue
@@ -35,7 +35,9 @@ const codes = computed(() => {
     | undefined
 
   if (context?.secrets && Array.isArray(context.secrets)) {
-    return context.secrets.map((s) => s.context?.secret || s.text).filter(Boolean)
+    return context.secrets
+      .map((s) => s.context?.secret || s.text)
+      .filter(Boolean)
   }
 
   return []
diff --git a/packages/elements-vue/src/theme/default/components/ui/DefaultToast.vue b/packages/elements-vue/src/theme/default/components/ui/DefaultToast.vue
@@ -24,14 +24,19 @@ const title = computed(() =>
 
 const messageText = computed(() => {
   const key = `identities.messages.${props.message.id}`
-  const translation = intl.t(key, props.message.context as Record<string, unknown>)
+  const translation = intl.t(
+    key,
+    props.message.context as Record<string, unknown>,
+  )
   return translation !== key ? translation : props.message.text
 })
 
 const titleClass = computed(() =>
   cn("font-medium", {
-    "text-interface-foreground-validation-success": props.message.type === "success",
-    "text-interface-foreground-validation-danger": props.message.type === "error",
+    "text-interface-foreground-validation-success":
+      props.message.type === "success",
+    "text-interface-foreground-validation-danger":
+      props.message.type === "error",
     "text-interface-foreground-validation-warning":
       (props.message.type as string) === "warning",
   }),
diff --git a/packages/elements-vue/src/theme/default/getOryComponents.ts b/packages/elements-vue/src/theme/default/getOryComponents.ts
@@ -98,7 +98,8 @@ export function getOryComponents(
       SsoSettings: overrides?.Form?.SsoSettings ?? DefaultSettingsOidc,
       WebauthnSettings:
         overrides?.Form?.WebauthnSettings ?? DefaultSettingsWebauthn,
-      PasskeySettings: overrides?.Form?.PasskeySettings ?? DefaultSettingsPasskey,
+      PasskeySettings:
+        overrides?.Form?.PasskeySettings ?? DefaultSettingsPasskey,
     },
     Message: {
       Root: overrides?.Message?.Root ?? DefaultMessageContainer,
diff --git a/packages/elements-vue/src/theme/default/styles.css b/packages/elements-vue/src/theme/default/styles.css
@@ -1,7 +1,6 @@
 /* Copyright © 2026 Ory Corp */
 /* SPDX-License-Identifier: Apache-2.0 */
 
-
 @layer ory-elements;
 
 @import "tailwindcss/preflight" layer(ory-elements);
diff --git a/packages/elements-vue/src/theme/default/utils/constructCardHeader.ts b/packages/elements-vue/src/theme/default/utils/constructCardHeader.ts
@@ -244,7 +244,10 @@ export function useCardHeaderText(
         let descriptionKey = "login.subtitle-aal2"
         if (codeSent) {
           descriptionKey = "identities.messages.1010014"
-        } else if (opts.formState?.current === "method_active" && opts.formState.method) {
+        } else if (
+          opts.formState?.current === "method_active" &&
+          opts.formState.method
+        ) {
           descriptionKey = `login.${opts.formState.method}.subtitle`
         }
         return {
diff --git a/packages/elements-vue/src/util/ui/index.ts b/packages/elements-vue/src/util/ui/index.ts
@@ -301,4 +301,3 @@ export function getNodeGroupsWithVisibleNodes(nodes: UiNode[]): GroupedNodes {
 
   return finalGroups
 }
-
diff --git a/packages/elements-vue/tsconfig.json b/packages/elements-vue/tsconfig.json

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,10 @@ const config: StorybookConfig = {`
`35`	`35`	`...(Array.isArray(config.resolve.alias) ? config.resolve.alias : []),`
`36`	`36`	`{`
`37`	`37`	`find: "$snapshots",`
`38`		`- replacement: path.resolve(__dirname, "../../elements-react/.stub-responses"),`
	`38`	`+ replacement: path.resolve(`
	`39`	`+ __dirname,`
	`40`	`+ "../../elements-react/.stub-responses",`
	`41`	`+ ),`
`39`	`42`	`},`
`40`	`43`	`{`
`41`	`44`	`find: "@ory/elements-vue",`