docs(new): ui pro docs

docs-old/.eslintignore

@@ -0,0 +1,4 @@
+dist
+node_modules
+.output
+.nuxt

docs-old/.eslintrc.cjs

@@ -0,0 +1,8 @@
+module.exports = {
+  root: true,
+  extends: '@nuxt/eslint-config',
+  rules: {
+    'vue/max-attributes-per-line': 'off',
+    'vue/multi-word-component-names': 'off'
+  }
+}

docs-old/.gitignore

@@ -0,0 +1,12 @@
+node_modules
+*.iml
+.idea
+*.log*
+.nuxt
+.vscode
+.DS_Store
+coverage
+dist
+sw.*
+.env
+.output

docs-old/.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

docs-old/README.md

@@ -0,0 +1,57 @@
+# Docus Starter
+
+Starter template for [Docus](https://docus.dev).
+
+## Clone
+
+Clone the repository (using `nuxi`):
+
+```bash
+npx nuxi init -t themes/docus
+```
+
+## Setup
+
+Install dependencies:
+
+```bash
+yarn install
+```
+
+## Development
+
+```bash
+yarn dev
+```
+
+## Edge Side Rendering
+
+Can be deployed to Vercel Functions, Netlify Functions, AWS, and most Node-compatible environments.
+
+Look at all the available presets [here](https://v3.nuxtjs.org/guide/deploy/presets).
+
+```bash
+yarn build
+```
+
+## Static Generation
+
+Use the `generate` command to build your application.
+
+The HTML files will be generated in the .output/public directory and ready to be deployed to any static compatible hosting.
+
+```bash
+yarn generate
+```
+
+## Preview build
+
+You might want to preview the result of your build locally, to do so, run the following command:
+
+```bash
+yarn preview
+```
+
+---
+
+For a detailed explanation of how things work, check out [Docus](https://docus.dev).

docs-old/app.config.ts

@@ -0,0 +1,57 @@
+export default defineAppConfig({
+  docus: {
+    title: 'Nuxt Supabase',
+    description: 'A supa simple wrapper around supabase-js to enable usage and integration within Nuxt.',
+    image: '/cover.jpg',
+
+    socials: {
+      twitter: 'nuxt_js',
+      github: 'nuxt-modules/supabase',
+      nuxt: {
+        label: 'Nuxt',
+        icon: 'simple-icons:nuxtdotjs',
+        href: 'https://nuxt.com'
+      },
+      supabase: {
+        label: 'Supabase',
+        icon: 'simple-icons:supabase',
+        href: 'https://supabase.com'
+      }
+    },
+
+    github: {
+      dir: 'docs/content',
+      branch: 'main',
+      repo: 'supabase',
+      owner: 'nuxt-modules',
+      edit: true
+    },
+
+    aside: {
+      level: 0,
+      collapsed: false,
+      exclude: []
+    },
+
+    main: {
+      padded: true,
+    },
+
+    header: {
+      logo: true,
+      showLinkIcon: true,
+      exclude: [],
+      title: 'Nuxt Supabase'
+    },
+
+    footer: {
+      credits: {
+        text: 'Made with Nuxt Studio',
+        icon: 'simple-icons:nuxtdotjs',
+        href: 'https://nuxt.studio'
+      }
+    },
+
+    titleTemplate: '%s · Nuxt Supabase'
+  }
+})

docs-old/components/content/Releases.vue

@@ -0,0 +1,19 @@
+<template>
+  <div style="margin-top: 50px">
+    <div v-for="release of releases" :key="release.name" style="margin-bottom: 50px">
+      <ProseH2 :id="release.name">
+        {{ release.name }}
+        <Badge style="margin-left: 10px;">
+          {{ formatDateByLocale(release.date) }}
+        </Badge>
+      </ProseH2>
+
+      <ContentRenderer :value="release" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const { fetchReleases } = useGithub()
+const { data: releases } = await useAsyncData('releases', () => fetchReleases({}))
+</script>

docs-old/components/content/VoltaBoard.vue

@@ -0,0 +1,14 @@
+<template>
+  <iframe style="width: 100%; min-height: calc(100vh / 1.5)" :src="src" />
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+  token: {
+    type: String,
+    required: true
+  }
+})
+
+const src = computed(() => `https://volta.net/embed/${props.token}`)
+</script>