-
-
Notifications
You must be signed in to change notification settings - Fork 16
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Nuxt 3 Compatibility #244
Comments
I've been meaning to look into this. I know how to update it for compatibility with Nuxt 3 but not how to maintain backwards compatibility with Nuxt 2. This is an issue I'm already looking into this for my v-wave project. There are steps in that issue for a workaround. |
@justintaddei tried following the workaround but it doesn't work. upon importing the package, |
Hi @justintaddei , did you have any news about Nuxt 3 compatibility ? Thanks a lot |
Nuxt 3 support for this plugin will follow the same strategy as v-wave. The plans for which are detailed in this comment:
|
You have to load the plugin in the client side. In nuxt you can just rename the file name and add client: sharedElement.client.js I have the following code:
But it still not working for me, maybe I did something wrong. I am getting the following error: [nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'getSSRProps') UPDATE: Apparently you have to create also the server side plugin as per docs:
I have the following plugins so: sharedElement.client.js
sharedElement.server.js
While there is no error, it also does not work as expected. There is no transition happening. UPDATE 2: I am checking the examples, I see that the directive translates to data-illusory-id="" in the DOM. This is not happening to me, something might be wrong. UPDATE 3 AND TEMPORARY WORKING SOLUTION sharedElement.client.js
sharedElement.server.js
|
@Josepdal Update 3 works perfect! |
Hey everyone! I just wanted to leave an update here. I haven't forgotten about this :) Nuxt 3 support is still planned but I cannot give an ETA at this time. As soon as my schedule clears up, I will begin working on it. |
Nuxt 3 support is under active development for |
Nuxt 3 support is live for For Nuxt 2 users wishing to upgrade to // nuxt.config.js for Nuxt 2
// before:
export default {
modules: ['v-shared-element/nuxt'],
}
// after:
export default {
modules: ['v-shared-element/nuxt/v2'],
} Nuxt 3 users will continue to use |
Currently, this projects seems to by compatible with Nuxt 2 only.
What would be necessary to get it to work in Nuxt 3?
I had a quick look at the code, but could not get it to work at all. I'd be happy to prepare a PR, but need some pointers in the right direction.
Thanks.
The text was updated successfully, but these errors were encountered: