nuxt-tawing-supabase v1.0.11

Nuxt Tawing Supabase Module

My Nuxt module for doing supabase things.

• ✨  Release Notes

Features

• ⛰  Supabase API
• 🚠  For server and Vue app use.
• 🌲  Ethyl4lyf!

Quick Setup

1. Add nuxt-tawing-supabase dependency to your project

# Using pnpm
pnpm add nuxt-tawing-supabase

# Using yarn
yarn add nuxt-tawing-supabase

# Using npm
npm install nuxt-tawing-supabase

2. Add nuxt-tawing-supabase to the modules section of nuxt.config.ts. WARNING: Setting serverOnly: false will expose your URI and KEYS.

export default defineNuxtConfig({
  modules: [
    'nuxt-tawing-supabase'
  ].
  tawingSupabase: {
    supabaseUri: 'https://some.supabase.com',
    supabaseKey: 'asd1234somesupabasekeyasd1234somesupabasekey',
    serverOnly: true, // defaults true, if you want to use it on Vue app components set it to false
  },  
})

or

SUPABASE_URI=https://some.supabase.com
SUPABASE_KEY=asd1234somesupabasekeyasd1234somesupabasekey

That's it! You can now use Nuxt Tawing Supabase in your Nuxt app ✨

Development

// server/api/some/endpoint
import { client } from "#nuxt-tawing-supabase";

export default defineEventHandler(async (event) => {
  const { data } = await client.from("some_table").select().returns();
  return data;
});


// component/or/pages/something.vue
// you need to set serverOnly to false for this to work
<script lang="ts" setup>
import { client as explicitClient} from "#nuxt-tawing-supabase";

const dataTest = ref()
onMounted(async () => {
  // use auto imports
  const { data } = await clientTawingSupabase.from("email_list").select().returns();

  // use explicit import
  const { data } = await explicitClient.from("email_list").select().returns();

  dataTest.value = data;
})
</script>