Coder Social home page Coder Social logo

Nuxt 3 support about nuxt-supabase HOT 8 OPEN

supabase-community avatar supabase-community commented on September 13, 2024 8
Nuxt 3 support

from nuxt-supabase.

Comments (8)

Strift avatar Strift commented on September 13, 2024 4

Hello everyone πŸ‘‹

I have opened two PRs to address this issue:

  • a minor update to vue-supabase that enables the nuxt integration (see PR)
  • an update to nuxt-supabase to handle running on Nuxt Bridge (see #15)

I would love to have your feedback on it, and know what are the next steps to hopefully get the PRs merged. 🀞

I'm pretty new to OSS so there's probably a couple things that are still offβ€”just let me know!

Cheers,

from nuxt-supabase.

sduduzog avatar sduduzog commented on September 13, 2024 2

@pi0 @sduduzog I can focus on nuxt 2 and the nuxt bridge in the meantime

from nuxt-supabase.

pi0 avatar pi0 commented on September 13, 2024 1

I believe the current version should work with Nuxt 2 bridge (based on vue2) but not Nuxt 3:

  • Vue plugin registration is different between Vue 2 and Vue 3 (Vue.use vs app.use)
  • Modules need to be created with @nuxt/kit (however there is a legacy container for backward compatibility)
  • Native ESM baseline is required (https://v3.nuxtjs.org/concepts/esm)

Also, it would be nice by starting to support the bridge, Nuxt module exports composable other than basic injected $supabase. SSR authentication handling could be improved also.

from nuxt-supabase.

scottrobertson avatar scottrobertson commented on September 13, 2024

I believe this already works perfectly on nuxt3 but @sduduzog will know for sure.

from nuxt-supabase.

scottrobertson avatar scottrobertson commented on September 13, 2024

Ah yeah sorry, I was getting confused with the Vue3 support we added in https://github.com/supabase-community/vue-supabase which this library uses.

Shouldn't be too much work to get it working, since this Nuxt wrapper is super simple.

from nuxt-supabase.

sduduzog avatar sduduzog commented on September 13, 2024

@scottrobertson @pi0 I"m seeing this now. Yes, the current version works with the nuxt-bridge (although no migration is yet done there), but is not yet ready for nuxt 3. I've taken some time to read through nuxt3-supabase and I love what he'd done with the project and I'll try as much as possible to also help where I can

from nuxt-supabase.

scottrobertson avatar scottrobertson commented on September 13, 2024

@sduduzog how do you want to handle this? Do you want to build it, or should @wobsoriano PR in some changes if they like?

I am guessing we need to either carry on supporting both 2 and 3, or have a new major release that is 3 only. The latter may be the easier but not as nice for bug fixes etc for us going forward.

from nuxt-supabase.

pi0 avatar pi0 commented on September 13, 2024

Thanks for your quick responses! We are working on a simplified example at the moment for nuxt3+supabase. Will ping you when ready and probably follow up with a PR to convert it back into the module.

I am guessing we need to either carry on supporting both 2 and 3, or have a new major release that is 3 only.

Agreed. Regarding versioning, same as other nuxt modules, it worth a major version to directly target Nuxt3. Nuxt2 users can be hopefully still use latest as long as using Nuxt bridge (that makes CompositionAPI and even small vue3 compatibility).

from nuxt-supabase.

Related Issues (10)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.