title: Nuxt options API with typescript no code completion
body: <p>As mentioned in the title I am using Nuxtjs with typescript but there are no code completions in the template and script.</p>
  <p>This is my code</p>
  <pre><code>&lt;script lang=&quot;ts&quot;&gt;
  import Vue from 'vue';
  import { FeaturedJobs } from '../../types/featuredJobs';
  
  export default Vue.extend({
    data() {
      return {
        transform: 0,
        movedTimes: 0,
        featuredJobs: {} as FeaturedJobs,
      }
    },
    
    mounted() {
      console.log(this.featuredJobs.title) // here i expect code completion to suggest title and othere properties (or anywhere else inside the template same situation)
    }
  
  })
  
  </code></pre>
  <p>this is my nuxt config build modules where nuxt typescript build is added on installlation</p>
  <pre><code>buildModules: [
      // https://go.nuxtjs.dev/typescript
      '@nuxt/typescript-build',
      // https://go.nuxtjs.dev/tailwindcss
      '@nuxtjs/tailwindcss',
  ]
  </code></pre>
  <p>this is my package.json dev dependencies</p>
  <pre><code> &quot;devDependencies&quot;: {
     &quot;@nuxt/types&quot;: &quot;^2.15.8&quot;,
     &quot;@nuxt/typescript-build&quot;: &quot;^2.1.0&quot;,
     &quot;@nuxtjs/dotenv&quot;: &quot;^1.4.1&quot;,
     &quot;@nuxtjs/style-resources&quot;: &quot;^1.2.1&quot;,
     &quot;@nuxtjs/tailwindcss&quot;: &quot;^4.2.1&quot;,
   }
  </code></pre>
  <p>and this is tsconfig</p>
  <pre><code>{
    &quot;compilerOptions&quot;: {
      &quot;target&quot;: &quot;ES2018&quot;,
      &quot;module&quot;: &quot;ESNext&quot;,
      &quot;moduleResolution&quot;: &quot;Node&quot;,
      &quot;lib&quot;: [
        &quot;ESNext&quot;,
        &quot;ESNext.AsyncIterable&quot;,
        &quot;DOM&quot;
      ],
      &quot;esModuleInterop&quot;: true,
      &quot;allowJs&quot;: true,
      &quot;sourceMap&quot;: true,
      &quot;strict&quot;: true,
      &quot;noEmit&quot;: true,
      &quot;experimentalDecorators&quot;: true,
      &quot;baseUrl&quot;: &quot;.&quot;,
      &quot;paths&quot;: {
        &quot;~/*&quot;: [
          &quot;./*&quot;
        ],
        &quot;@/*&quot;: [
          &quot;./*&quot;
        ]
      },
      &quot;types&quot;: [
        &quot;@nuxt/types&quot;,
        &quot;@types/node&quot;,
        &quot;@nuxtjs/axios&quot;,
      ]
    },
    &quot;exclude&quot;: [
      &quot;node_modules&quot;,
      &quot;.nuxt&quot;,
      &quot;dist&quot;
    ]
  }
  </code></pre>
  <p>when I type <code>featuredJobs.</code> completions and suggestions does not come from FeaturedJobs type.</p>