From dd4050a70bc28ee064d30733ec8a411c499031a2 Mon Sep 17 00:00:00 2001
From: Isaiah Hamilton <70828596+Isaiah-Hamilton@users.noreply.github.com>
Date: Wed, 14 Jun 2023 21:58:03 -0400
Subject: [PATCH] make nuxt quickstart visible

---
 .../Navigation/NavigationMenu/NavigationMenu.constants.ts  | 1 +
 apps/docs/pages/guides/getting-started.mdx                 | 7 +++++++
 .../ui/src/components/Command/utils/shared-nav-items.json  | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
index bc79c4cbc39..31157c9067e 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
@@ -212,6 +212,7 @@ export const gettingstarted: NavMenuConstant = {
       items: [
         { name: 'React', url: '/guides/getting-started/quickstarts/reactjs' },
         { name: 'NextJS', url: '/guides/getting-started/quickstarts/nextjs' },
+        { name: 'NuxtJS', url: '/guides/getting-started/quickstarts/nuxtjs' },
         { name: 'RedwoodJS', url: '/guides/getting-started/quickstarts/redwoodjs' },
         { name: 'Flutter', url: '/guides/getting-started/quickstarts/flutter' },
         { name: 'SvelteKit', url: '/guides/getting-started/quickstarts/sveltekit' },
diff --git a/apps/docs/pages/guides/getting-started.mdx b/apps/docs/pages/guides/getting-started.mdx
index 1a96f37615f..26126f3a388 100644
--- a/apps/docs/pages/guides/getting-started.mdx
+++ b/apps/docs/pages/guides/getting-started.mdx
@@ -136,6 +136,13 @@ export const quickstarts = [
       'Learn how to create a Supabase project, add some sample data to your database, and query the data from a NextJS app.',
     icon: '/docs/img/icons/nextjs-icon',
   },
+  {
+    title: 'NuxtJS',
+    href: '/guides/getting-started/quickstarts/nuxtjs',
+    description:
+      'Learn how to create a Supabase project, add some sample data to your database, and query the data from a NuxtJS app.',
+    icon: '/docs/img/icons/nuxt-icon',
+  },
   {
     title: 'RedwoodJS',
     href: '/guides/getting-started/quickstarts/redwoodjs',
diff --git a/packages/ui/src/components/Command/utils/shared-nav-items.json b/packages/ui/src/components/Command/utils/shared-nav-items.json
index 907f8ea3b62..3cc0fd3e8d0 100644
--- a/packages/ui/src/components/Command/utils/shared-nav-items.json
+++ b/packages/ui/src/components/Command/utils/shared-nav-items.json
@@ -204,6 +204,10 @@
       "label": "Next.js",
       "url": "https://supabase.com/docs/guides/getting-started/quickstarts/nextjs"
     },
+    {
+      "label": "Nuxt.js",
+      "url": "https://supabase.com/docs/guides/getting-started/quickstarts/nuxtjs"
+    },
     {
       "label": "Flutter",
       "url": "https://supabase.com/docs/guides/getting-started/quickstarts/flutter"