Skip to content

Commit fe3906b

Browse files
jacekradkojacekradko
committed
fix: Vue template syntax and formatting issues
1 parent b47c77e commit fe3906b

File tree

2 files changed

+15
-20
lines changed

2 files changed

+15
-20
lines changed

‎docs/guides/organizations/getting-started.astro.mdx‎

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -23,12 +23,7 @@ Organizations let you group users with Roles and Permissions, enabling you to bu
2323

2424
```astro {{ filename: 'src/layouts/Layout.astro', fold: [[27, 34]] }}
2525
---
26-
import {
27-
OrganizationSwitcher,
28-
Show,
29-
SignInButton,
30-
UserButton,
31-
} from '@clerk/astro/components'
26+
import { OrganizationSwitcher, Show, SignInButton, UserButton } from '@clerk/astro/components'
3227
---
3328
3429
<!doctype html>
@@ -42,12 +37,12 @@ Organizations let you group users with Roles and Permissions, enabling you to bu
4237
</head>
4338
<body>
4439
<header>
45-
+ <OrganizationSwitcher />
40+
<OrganizationSwitcher />
4641
<Show when="signed-out">
4742
<SignInButton mode="modal" />
4843
</Show>
4944
<Show when="signed-in">
50-
<UserButton />
45+
+ <UserButton />
5146
</Show>
5247
</header>
5348
<slot />

‎docs/reference/components/control/show.mdx‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ The [`<Show />`](/docs/reference/components/control/show) component protects con
3030

3131
export default function Page() {
3232
return (
33-
<Show fallback={<p>Users that are signed-out can see this.</p>} when='signed-in'>
33+
<Show fallback={<p>Users that are signed-out can see this.</p>} when="signed-in">
3434
<p>Users that are signed-in can see this.</p>
3535
</Show>
3636
)
@@ -44,7 +44,7 @@ The [`<Show />`](/docs/reference/components/control/show) component protects con
4444

4545
function App() {
4646
return (
47-
<Show fallback={<p>Users that are signed-out can see this.</p>} when='signed-in'>
47+
<Show fallback={<p>Users that are signed-out can see this.</p>} when="signed-in">
4848
<p>Users that are signed-in can see this.</p>
4949
</Show>
5050
)
@@ -60,7 +60,7 @@ The [`<Show />`](/docs/reference/components/control/show) component protects con
6060
import { Show } from '@clerk/astro/components'
6161
---
6262
63-
<Show when='signed-in'>
63+
<Show when="signed-in">
6464
<p slot="fallback">Users that are signed-out can see this.</p>
6565
<p>Users that are signed-in can see this.</p>
6666
</Show>
@@ -74,7 +74,7 @@ The [`<Show />`](/docs/reference/components/control/show) component protects con
7474

7575
export default function Screen() {
7676
return (
77-
<Show fallback={<Text>Users that are signed-out can see this.</Text>} when='signed-in'>
77+
<Show fallback={<Text>Users that are signed-out can see this.</Text>} when="signed-in">
7878
<Text>Users that are signed-in can see this.</Text>
7979
</Show>
8080
)
@@ -88,7 +88,7 @@ The [`<Show />`](/docs/reference/components/control/show) component protects con
8888

8989
export default function DashboardPage() {
9090
return (
91-
<Show fallback={<p>Users that are signed-out can see this.</p>} when='signed-in'>
91+
<Show fallback={<p>Users that are signed-out can see this.</p>} when="signed-in">
9292
<p>Users that are signed-in can see this.</p>
9393
</Show>
9494
)
@@ -102,7 +102,7 @@ The [`<Show />`](/docs/reference/components/control/show) component protects con
102102

103103
export default function DashboardPage() {
104104
return (
105-
<Show fallback={<p>Users that are signed-out can see this.</p>} when='signed-in'>
105+
<Show fallback={<p>Users that are signed-out can see this.</p>} when="signed-in">
106106
<p>Users that are signed-in can see this.</p>
107107
</Show>
108108
)
@@ -116,7 +116,7 @@ The [`<Show />`](/docs/reference/components/control/show) component protects con
116116

117117
export default function DashboardPage() {
118118
return (
119-
<Show fallback={<p>Users that are signed-out can see this.</p>} when='signed-in'>
119+
<Show fallback={<p>Users that are signed-out can see this.</p>} when="signed-in">
120120
<p>Users that are signed-in can see this.</p>
121121
</Show>
122122
)
@@ -135,7 +135,7 @@ The [`<Show />`](/docs/reference/components/control/show) component protects con
135135

136136
function DashboardPage() {
137137
return (
138-
<Show fallback={<p>Users that are signed-out can see this.</p>} when='signed-in'>
138+
<Show fallback={<p>Users that are signed-out can see this.</p>} when="signed-in">
139139
<p>Users that are signed-in can see this.</p>
140140
</Show>
141141
)
@@ -150,7 +150,7 @@ The [`<Show />`](/docs/reference/components/control/show) component protects con
150150
</script>
151151
152152
<template>
153-
<Show when='signed-in'>
153+
<Show when="signed-in">
154154
<template #fallback>
155155
<p>Users that are signed-out can see this.</p>
156156
</template>
@@ -167,7 +167,7 @@ The [`<Show />`](/docs/reference/components/control/show) component protects con
167167
</script>
168168
169169
<template>
170-
<Show when='signed-in'>
170+
<Show when="signed-in">
171171
<template #fallback>
172172
<p>Users that are signed-out can see this.</p>
173173
</template>
@@ -336,7 +336,7 @@ The following example demonstrates how to use the `<Show />` component to protec
336336
</script>
337337
338338
<template>
339-
<Show when={{ permission: 'org:invoices:create' }}>
339+
<Show :when="{ permission: 'org:invoices:create' }">
340340
<template #fallback>
341341
<p>You do not have the Permissions to create an invoice.</p>
342342
</template>
@@ -353,7 +353,7 @@ The following example demonstrates how to use the `<Show />` component to protec
353353
</script>
354354
355355
<template>
356-
<Show when={{ permission: 'org:invoices:create' }}>
356+
<Show :when="{ permission: 'org:invoices:create' }">
357357
<template #fallback>
358358
<p>You do not have the Permissions to create an invoice.</p>
359359
</template>

0 commit comments

Comments
 (0)