如何在Nuxt.js中使用混合面板

<template>
  <div>
    <button @click="togglePanel">Toggle Mix Panel</button>
    <div v-if="showPanel">
      <!-- 混合面板的内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showPanel: false
    };
  },
  methods: {
    togglePanel() {
      this.showPanel = !this.showPanel;
    }
  }
};
</script>

<template>
  <div>
    <!-- 其他页面内容 -->
    <MixPanel />
  </div>
</template>

<script>
import MixPanel from '@/components/MixPanel.vue';

export default {
  components: {
    MixPanel
  }
};
</script>