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]] }}