dancefinder-app/layouts/components/themed.vue

<template>
  <div>
    <slot />
  </div>
</template>

<script>
import { getCurrentInstance } from 'vue'
import { getDarkMode } from '../../utils/localStorage'

export default {
  name: 'ThemedLayout',
  setup() {
    const instance = getCurrentInstance()
    if (instance) {
      instance.proxy.$vuetify.theme.dark = getDarkMode()
    }
  }
}
</script>