Nawi
Nawi
PostsComments
NNuxt
Created by Nawi on 6/9/2023 in #❓・help
How to get my body to change to green when drawer is open ?
<script setup lang="ts">
const runtime = useAppConfig();

const publicDrawer = useState<boolean | undefined | null>("publicDrawer")

useHead({
  meta: [
    { name: "theme-color", content: runtime.theme.colors.primary },
    { name: "site-name", content: runtime.title },
    { name: "title", content: runtime.title },
  ],
  bodyAttrs: {
      class: publicDrawer ? "bg-red-900" : "bg-green-900",
  },
});
</script>
<script setup lang="ts">
const runtime = useAppConfig();

const publicDrawer = useState<boolean | undefined | null>("publicDrawer")

useHead({
  meta: [
    { name: "theme-color", content: runtime.theme.colors.primary },
    { name: "site-name", content: runtime.title },
    { name: "title", content: runtime.title },
  ],
  bodyAttrs: {
      class: publicDrawer ? "bg-red-900" : "bg-green-900",
  },
});
</script>
right now it is not reactive, only red is applied.
4 replies