How to set colorMode without flash based on data fetched in asyncData()? about color-mode HOT 5 OPEN

Hi @katerlouis

Actually this is not possible for Nuxt 2 since we use router.beforeEach to force the color mode before navigating: https://github.com/nuxt-community/color-mode-module/blob/2ca9edc4f2f55970a8f147565eb49c8d84f8157a/lib/templates/plugin.client.js#L91-L105

We cannot have the asyncData result inside, this could work in Nuxt 3 since we use <Suspense>.

from color-mode.

Do you think this could work when using Nuxt bridge? I'm not sure if Suspense is also supported in Nuxt bridge.

from color-mode.

It might be possible, but still a bit early to say.

from color-mode.

@Atinux Any chance I'm lucky and it is possible today? Because we are still very much in Need for this. :(

I would offer my help to contribute (if I get a kick start on it, I think I am capable of helping 8))

(We can't run Nuxt-bridge, though... we however do have @nuxtjs/composition-api up and running)

EDIT: Just an idea, – does it need to come from asyncData? Or could the initial color mode technically be pulled from a store state based on the routes path? I could cook up a route-to-colormode-map that gets pulled in nuxtServerInit.

from color-mode.

@Atinux I won't give up! :D
AI chat bot Phind had some pretty good ideas and even had me in hope at some point.
Interesting conversation: https://www.phind.com/search?cache=64d5f47a-5a8c-44d3-9bf1-cd7bada8c9fb

from color-mode.