wvovaw

upstream strapi {
        server 127.0.0.1:1337;
}
upstream nuxt {
        server 127.0.0.1:3000;
}
server {
        server_name www.domainname.com domainname.com;
        access_log /var/log/nginx/access.log;
        error_log /var/log/nginx/error.log;

wvovaw

<script lang="ts" setup>
import {
  Dialog as HDialog,
  DialogPanel as HDialogPanel,
  TransitionRoot as HTransitionRoot,
  TransitionChild as HTransitionChild,
} from "@headlessui/vue";

const props = defineProps({
  show: {

wvovaw

Nuxt 3 + vueuse + Pinia SSR friendly color theme switcher

1. Declare theme cookie in the app.vue.
2. Use HTML nuxt builtin to bind data-theme attribute (your may differ) to the cookie.theme.
3. Create theme.store.ts Pinia store. cycle function cycles through the list of modes and sets current state in the theme cookie
4. Create ThemeSwitcher.vue component.

This approach is universal, SSR friendly and easy adoptable.

Read more about useColorMode