【Vue,TypeScript】Composition APIの書き換えで、dataとcomputedがハイライトされず効かない

Question

従来のVueの書き方から、Composition APIつかった方法に書き換えているのですが、dataとcomputedがvscode上でハイライトされず効いていないようで、こちらの原因がわからずにいます。

作業の流れ

1. jsファイルからtsファイルに変更
2. composition-apiをつかった方法に書き換え

※.vueファイルの記述は省略しており、以下はvueファイルで読み込んでいるtypescriptになります。

import {defineComponent} from '@vue/composition-api

export default defineComponent({
  props: {
    hoge: {
      type: String
    }
  },
  setup() {
    // data
    const key = ref(true);
    const flag = ref(true);

    // computed
    const point = computed(() => {
      get: () => flag
      set: () => flag = flag
    })
    const arrow = computed(() => {
      flag ? 'active' : ''
    })

    // methods
    const toggle = () => {
      flag = !flag
    }
    const speedToggle = () => {
      flag = true
      showDrawer = false
      $nextTick(() => {
        showDrawer = true
      })
    },

    return {
      key, //data
      flag, //data
      point, //computed
      toggle, //methods
      speedToggle //methods
    }
  }
)}

dataとcomputedのkey、flag、pointがハイライトされていない状態です。

なにかアドバイスいただけるとたすかります。
よろしくお願いします。