From d730f4cfb18cbe1239d0a9c7856c523cb8ddfd7e Mon Sep 17 00:00:00 2001
From: Alexis Aguilar <98043211+alexisintech@users.noreply.github.com>
Date: Fri, 13 Dec 2024 12:13:49 -0500
Subject: [PATCH] code review
---
docs/index.mdx | 2 +-
docs/quickstarts/vue.mdx | 8 ++++----
2 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/docs/index.mdx b/docs/index.mdx
index 7081a76ea8..8684adb8c7 100644
--- a/docs/index.mdx
+++ b/docs/index.mdx
@@ -88,7 +88,7 @@ Find all the guides and resources you need to develop with Clerk.
---
- [Vue](/docs/quickstarts/vue)
- - Get started installing and initializing Clerk in a new Vite Vue App.
+ - Get started installing and initializing Clerk in a new Vue + Vite app.
- {}
diff --git a/docs/quickstarts/vue.mdx b/docs/quickstarts/vue.mdx
index 95a07c07b5..51f15be562 100644
--- a/docs/quickstarts/vue.mdx
+++ b/docs/quickstarts/vue.mdx
@@ -64,7 +64,7 @@ Clerk's Vue SDK provides prebuilt components and composables to make it easy to
### Install `@clerk/vue`
- Clerk's Vue SDK gives you access to prebuilt components, composables, and helpers to make user authentication easier.
+ Clerk's [Vue SDK](/docs/references/vue/overview) gives you access to prebuilt components, composables, and helpers to make user authentication easier.
Run the following command to install the SDK:
@@ -120,7 +120,7 @@ Clerk's Vue SDK provides prebuilt components and composables to make it easy to
### Add `clerkPlugin` to your app
- The `clerkPlugin` Vue plugin provides active session and user context to Clerk's components and composables. When adding the plugin, pass your Publishable Key as an option.
+ `clerkPlugin` provides active session and user context to Clerk's components and composables. It's required to pass your Publishable Key as an option.
```ts {{ filename: 'src/main.ts', mark: [4, [12, 14]] }}
import { createApp } from 'vue'
@@ -141,14 +141,14 @@ Clerk's Vue SDK provides prebuilt components and composables to make it easy to
### Create a header with Clerk components
- You can control which content signed-in and signed-out users can see with the [prebuilt control components](/docs/components/overview#what-are-control-components). Create a header using the following components:
+ You can control which content signed-in and signed-out users can see with Clerk's [prebuilt control components](/docs/components/overview#what-are-control-components). The following example creates a header using the following components:
- [``](/docs/components/control/signed-in): Children of this component can only be seen while **signed in**.
- [``](/docs/components/control/signed-out): Children of this component can only be seen while **signed out**.
- [``](/docs/components/user/user-button): Shows the signed-in user's avatar. Selecting it opens a dropdown menu with account management options.
- [``](/docs/components/unstyled/sign-in-button): An unstyled component that links to the sign-in page or displays the sign-in modal.
- ```vue {{ filename: 'src/App.vue', mark: [2, [7, 12]] }}
+ ```vue {{ filename: 'src/App.vue', mark: [2, [6, 13]] }}