Props not recognized by intellisense (options API)

[mauromascarenhas]

Issue

As the title states, props are not being recognized by intellisense in options API (data and computed are still working as expected). Thus, no suggestion or type inference is made.

Screenshots

Prop being treated as "any"

Prop is not recognized/recommended by intellisense

Prop is part of "this"

Steps to reproduce

By using the following code (used About view from project initialization as a base), it is possible to notice that the id prop is not recognized (link to playground):

<template>
  <div class="about">
    <h1>This is an about page</h1>
    <div>A simple test text: {{ textTestSample }}</div>
    <div>A simple test number: {{ idPlusOne }}</div>
  </div>
</template>

<script>
import { defineComponent } from "vue";

export default defineComponent({
  props: {
    id: {
      type: Number,
      default: 0
    }
  },
  data(){
    return {
      dataTest: ""
    };
  },
  computed: {
    idPlusOne(){ return this.id + 1; },
    textTestSample(){ return this.dataTest + " - sample"; }
  },
  methods: {
    log(){
      console.log(this.id, this.dataTest);
    }
  }
});
</script>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>

Environment

• OS: Windows 11;
• IDE: VS Code 1.86.1;
• TS: 5.3.2 (it does not matter whether it is running under takeover mode or not);
• VLF + TS Plugin: 1.8.27.

[so1ve]

Seemed to be a vue core issue. https://github.com/vuejs/core/issues/9296