vue2.7/vue3vscode已声明，但从未读取其值

Question

<template lang="">
  <div>
    <h2>{{ $route.meta.label }}</h2>
    <gs-button @click="decrease">
      -
    </gs-button>
    <gs-button>{{ count }}</gs-button>
    <gs-button @click="increase">
      +
    </gs-button>
  </div>
</template>

<script lang="ts" setup>
  import { ref, toRefs, reactive } from 'vue'

  let styleObj = reactive({
    color:'blue'
  })
  console.log(styleObj,'styleObj')

  let count = ref(1)

  const decrease = () => {
    count.value--
  }

  const increase = () => {
    count.value++
  }
</script>


<style lang="scss">

</style>

虽然不影响执行，但是看着难受
Volar我安装了，图标也有了

依然不行

Answer 1

大概率是 vetur的问题，关掉它，只使用volar应该就行了