docs: apply studio formatting

Author: larbish

docs/content/1.getting-started/1.introduction.md

@@ -1,6 +1,6 @@
 ---
 title: Introduction
-description: '@nuxtjs/supabase is a Nuxt module for first class integration with Supabase.'
+description: "@nuxtjs/supabase is a Nuxt module for first class integration with Supabase."
 ---
 
 [@nuxtjs/supabase](https://github.com/nuxt-modules/supabase) is a Nuxt module for first class integration with Supabase.
@@ -75,14 +75,14 @@ Default: `true`
 
 Controls whether the module uses cookies to share session info between server and client. You *must* enable this option if you need to access session or user info from the server. It will use the SSR client from the [@supabase/ssr](https://github.com/supabase/ssr) library.
 
-When disabled, the module will use the default Supabase client from  the [@supabase/supabase-js](https://github.com/supabase/supabase-js) library which stores session info in local storage. This is useful in certain cases, such as statically generated sites or mobile apps where cookies might not be available.
+When disabled, the module will use the default Supabase client from the [@supabase/supabase-js](https://github.com/supabase/supabase-js) library which stores session info in local storage. This is useful in certain cases, such as statically generated sites or mobile apps where cookies might not be available.
 
 ::warning
 When `useSsrCookies` is `true` the following options cannot be customized with `clientOptions`:
 
 - `flowType`, `autoRefreshToken`, `detectSessionInUrl`, `persistSession`, `storage`
 
-If you need to customize one of the above options, you must set `useSsrCookies` to `false`. Bear in mind that this will disable SSR support, you'll need to take care of it yourself if needed. 
+If you need to customize one of the above options, you must set `useSsrCookies` to `false`. Bear in mind that this will disable SSR support, you'll need to take care of it yourself if needed.
 ::
 
 ### `redirect`
@@ -109,7 +109,7 @@ Default:
 - `callback`: This is the path the user will be redirect to after supabase login redirection. Should match configured `redirectTo` option of your [signIn method](https://supabase.com/docs/reference/javascript/auth-signinwithoauth). Should also be configured in your Supabase dashboard under `Authentication -> URL Configuration -> Redirect URLs`.
 - `include`: Routes to include in the redirect. `['/admin(/*)?']` will enable the redirect only for the `admin` page and all sub-pages.
 - `exclude`: Routes to exclude from the redirect. `['/foo', '/bar/**']` will exclude the `foo` page and all pages in your `bar` folder.
-- `saveRedirectToCookie`: Automatically sets a cookie containing the path an unauthenticated user tried to access. The value can be accessed using the [`useSupabaseCookieRedirect`](/composables/usesupabasecookieredirect) composable to redirect the user to the page they previously tried to visit. 
+- `saveRedirectToCookie`: Automatically sets a cookie containing the path an unauthenticated user tried to access. The value can be accessed using the [`useSupabaseCookieRedirect`](/composables/usesupabasecookieredirect) composable to redirect the user to the page they previously tried to visit.
 
 ### `cookiePrefix`
 
@@ -198,8 +198,8 @@ Use the `cookieRedirect` option to store the redirect path in a cookie.
 
 ## Demo
 
-A live demo is made for you to see this module in action on [https://supabase-demo-gamma.vercel.app](https://supabase-demo-gamma.vercel.app), read more in the [demo section](/getting-started/demo).
+A live demo is made for you to see this module in action on <https://supabase-demo-gamma.vercel.app>, read more in the [demo section](/getting-started/demo).
 
-[![Supabase demo with Nuxt 3](/demo.png)](https://supabase-demo-gamma.vercel.app)
+![Demo supabase x nuxt](/demo.png){.rounded-lg}
 
 Also checkout the [YouTube video](https://www.youtube.com/watch?v=jIyiRT6zT8Q) about its usage in a live demo.

docs/content/1.getting-started/2.authentication.md

@@ -1,6 +1,8 @@
 ---
 title: Authentication
-description: Authenticate your user thanks to the PKCE Oauth protocol that enables secure exchange of refresh and access tokens between an application and the authorization server
+description: Authenticate your user thanks to the PKCE Oauth protocol that
+  enables secure exchange of refresh and access tokens between an application
+  and the authorization server
 ---
 
 With the default options, the module requires a log-in page and a confirm page to handle the [PKCE authorization code flow](https://supabase.com/docs/guides/resources/glossary#pkce). If you want to understand how it works under the hood, you can read this [section](https://supabase.com/docs/guides/auth/server-side-rendering#understanding-the-authentication-flow).
@@ -103,5 +105,5 @@ watch(user, () => {
 ```
 
 ::tip
-If you want to manually set the redirect path, you can do so by disabling [`saveRedirectToCookie`](/getting-started/introduction#redirectoptions), and then set the value using the  [`useSupabaseCookieRedirect`](/composables/usesupabasecookieredirect) composable directly.
+If you want to manually set the redirect path, you can do so by disabling [`saveRedirectToCookie`](/getting-started/introduction#redirectoptions), and then set the value using the [`useSupabaseCookieRedirect`](/composables/usesupabasecookieredirect) composable directly.
 ::

docs/content/1.getting-started/3.demo.md

@@ -5,11 +5,11 @@ description: Demonstration of using Supabase with Nuxt.
 
 Demonstration of using Supabase with Nuxt.
 
-[![Supabase demo with Nuxt 3](/demo.png)](https://supabase-demo-gamma.vercel.app)
+![Demo supabase x nuxt](/demo.png){.rounded-lg}
 
 ## Live demo
 
-You can play with the demo on [https://supabase-demo-gamma.vercel.app](https://supabase-demo-gamma.vercel.app)
+You can play with the demo on <https://supabase-demo-gamma.vercel.app>
 
 ## Running locally
 

docs/content/2.composables/useSupabaseCookieRedirect.md

@@ -49,6 +49,6 @@ const currentPath = redirectInfo.path.value
 
 // Get the path and clear it
 const path = redirectInfo.pluck()
-``` 
+```
 
 The cookie is saved with the name `{cookiePrefix}-redirect-path` where `cookiePrefix` is defined in the [runtime config](/getting-started/introduction#runtime-config).

docs/content/2.composables/useSupabaseSession.md

@@ -1,6 +1,7 @@
 ---
 title: useSupabaseSession
-description: Auto import and use your Supabase user's session with the useSupabaseSession composable
+description: Auto import and use your Supabase user's session with the
+  useSupabaseSession composable
 ---
 
 Once logged in, you can [auto-import](https://nuxt.com/docs/guide/directory-structure/composables) your user's session everywhere inside your vue files.
@@ -12,7 +13,7 @@ const session = useSupabaseSession()
 ```
 
 ::tip
-If you just need the User's information you can use [useSupabaseUser](/composables/usesupabaseuser) which returns just the User information of the session. 
+If you just need the User's information you can use [useSupabaseUser](/composables/usesupabaseuser) which returns just the User information of the session.
 ::
 
 ## Auth middleware

docs/content/3.services/1.serverSupabaseClient.md

@@ -1,6 +1,7 @@
 ---
 title: serverSupabaseClient
-description: Make requests to the Supabase API on server side with the serverSupabaseClient service
+description: Make requests to the Supabase API on server side with the
+  serverSupabaseClient service
 ---
 
 ::warning
@@ -9,7 +10,7 @@ This section assumes you're familiar with [Nitro](https://v3.nuxtjs.org/guide/co
 
 This function is working similary as the [useSupabaseClient](/composables/usesupabaseclient) composable but is designed to be used in [server routes](https://nuxt.com/docs/guide/directory-structure/server#server-routes).
 
-Define your server route and just import the `serverSupabaseClient` from `#supabase/server`. Be careful,  `serverSupabaseClient` is returning a promise.
+Define your server route and just import the `serverSupabaseClient` from `#supabase/server`. Be careful, `serverSupabaseClient` is returning a promise.
 
 ```ts [server/api/libraries.ts]
 import { serverSupabaseClient } from '#supabase/server'

docs/content/3.services/2.serverSupabaseServiceRole.md

@@ -1,6 +1,7 @@
 ---
 title: serverSupabaseServiceRole
-description: Make requests with super admin rights to the Supabase API with the serverSupabaseServiceRole service
+description: Make requests with super admin rights to the Supabase API with the
+  serverSupabaseServiceRole service
 navigation:
   title: serverSupabaseServiceRole
 ---

docs/content/3.services/3.serverSupabaseSession.md

@@ -1,6 +1,7 @@
 ---
 title: serverSupabaseSession
-description: Get your Supabase user's session from serverside with the serverSupabaseUser service
+description: Get your Supabase user's session from serverside with the
+  serverSupabaseUser service
 ---
 
 ::warning
@@ -10,7 +11,7 @@ This section assumes you're familiar with [Nitro](https://v3.nuxtjs.org/guide/co
 This function is similar to the [useSupabaseSession](/composables/usesupabasesession) composable but is used in [server routes](https://nuxt.com/docs/guide/directory-structure/server#server-routes).
 
 ::warning
-Be advised that `serverSupabaseSession` is considered unsafe, since the session comes from the client and users can tamper with it. For checking if the user is logged in, always use  [serverSupabaseUser](/services/serversupabaseuser)
+Be advised that `serverSupabaseSession` is considered unsafe, since the session comes from the client and users can tamper with it. For checking if the user is logged in, always use [serverSupabaseUser](/services/serversupabaseuser)
 ::
 
 Define your server route and import the `serverSupabaseSession` from `#supabase/server`.

docs/content/index.md

@@ -1,29 +1,27 @@
 ---
 seo:
   title: Nuxt Supabase - Home
-  description: A supa simple wrapper around supabase-js to enable usage and integration within Nuxt.
+  description: A supa simple wrapper around supabase-js to enable usage and
+    integration within Nuxt.
 ---
 
 ::u-page-hero
 ---
 orientation: horizontal
 ---
-  :::prose-pre
-  ---
-  filename: pages/login.vue
-  ---
+  :::prose-pre{filename="pages/login.vue"}
   ```vue
   <script setup lang="ts">
   const supabase = useSupabaseClient()
   const email = ref('')
-
+  
   async function signInWithOtp() {
     await supabase.auth.signInWithOtp({
       email: email.value
     })
   }
   </script>
-
+  
   <template>
     <input
       type="email"