Force Color Mode

You can force the color mode at the page level by setting the colorMode property using definePageMeta:

<template>
  <h1>This page is forced with light mode</h1>
</template>

<script setup>
definePageMeta({
  colorMode: 'light',
})
</script>

This feature is perfect for implementing dark mode to a website incrementally by setting the not-ready pages to colorMode: 'light'.