当我使用选项 api 时它可以工作，但是当我切换到组合 api 时，它失败了。 Nuxt 项目，这是简单的代码。

我得到的错误是 displaySidenav 未定义

<script>
import TheHeader from "../components/Navigation/TheHeader";
import TheSidenav from "../components/Navigation/TheSidenav";
import ref from "vue";

export default {
  components: {
    TheHeader,
    TheSidenav
  },
  data() {
    return {
      displaySidenav: false
    };
  }
  // setup() {
  //   const displaySidenav = ref(false);
  //   return { displaySidenav };
  // }
};
</script>