CompositionAPIにしてみた② dataの中身に気をつけて！の巻

サクサクいきます、Nuxt使いです。

さっそくいきます。

今日の問題　dataのかきかえがむずかしい

どんなものかといいますと

〇〇.vue

data() {
    return {
      XX: [
        { text: "A", to: "/" },
        { text: " B", to: "/〇〇" }
      ]
    };
  }

これを書き換えるのに、

〇〇.vue

const state = reactive({
      XX: [
        { text: "A", to: "/" },
        { text: " B", to: "/〇〇" }
      ]
});
return{
	...toRefs(state),
  }

って書いてました。でもエラーにある（とくにふたつめのtext:"B"のやつ）

で、困って、調べたけどなかなか出ませんでした。

答え

いろいろぐちゃぐちゃ書き換えて（数時間）、波線の出ない答えを見つけました！！！

〇〇.vue

const XX = ref([
        { text: "A", to: "/" },
        { text: " B", to: "/○○" }
  ])
   

以上、これだけ。どう書き換えたか、そのプロセスは覚えてないけど、みなさんはこの結論をおおいに活用していただきたいです。