influence/layouts/designdb.vue

<template>
  <v-app class="mode-wrap" :class="[isDarkmode ? 'darkmode' : '']">
    <div class="container">
      <dBheader></dBheader>
      <div class="content footer--none">
        <NuxtPage />
      </div>
      <!-- <footerLayout></footerLayout> -->
    </div>
  </v-app>
</template>

<script setup>
  import dBheader from '../components/design/dBheader'
  // import footerLayout from '../components/design/footer'
  let isDarkmode = ref(false)

  const mode = (e) => {
    isDarkmode = !(e.value);
    if(isDarkmode){
      document.querySelector(".mode-wrap").classList.add("darkmode");
    }else{
      document.querySelector(".mode-wrap").classList.remove("darkmode");
    }
  }
</script>

<style lang="scss" scoped>
</style>