No Type Hints

I was under the impression that Nuxt supported types everywhere. But in this simple

./app.vue

./app.vue

<script setup lang="ts">
const count = ref<number>(0);
const increment = () => count.value++;
</script>

<template>
  <div>
    <span>count is {{ count }}</span>
    <button v-on:click="increment()">+</button>
  </div>
</template>

<script setup lang="ts">
const count = ref<number>(0);
const increment = () => count.value++;
</script>

<template>
  <div>
    <span>count is {{ count }}</span>
    <button v-on:click="increment()">+</button>
  </div>
</template>

I dont get any type hints for the count variable, nor the increment function within the code block, and I do not get any errors when writing invalid typescript code before execution.

I have the

Vue - Official

Vue - Official

vs code extension installed.

------------------------------
- Operating System: Windows_NT
- Node Version:     v20.5.0
- Nuxt Version:     3.12.4
- CLI Version:      3.12.0
- Nitro Version:    2.9.7
- Package Manager:  [email protected]
- Builder:          -
- User Config:      compatibilityDate, typescript, devtools, modules
- Runtime Modules:  [email protected]
- Build Modules:    -
------------------------------

------------------------------
- Operating System: Windows_NT
- Node Version:     v20.5.0
- Nuxt Version:     3.12.4
- CLI Version:      3.12.0
- Nitro Version:    2.9.7
- Package Manager:  [email protected]
- Builder:          -
- User Config:      compatibilityDate, typescript, devtools, modules
- Runtime Modules:  [email protected]
- Build Modules:    -
------------------------------

If this is expected behavior, please tell me.

Thank you.

Solution

Restart vscode? Sometimes, for whatever reason, typescript intellisense just stops working. A simple reload usually fixes it.

Jump to solution

Nuxt•2y ago•

12 replies

SharpieMaster

No Type Hints

I was under the impression that Nuxt supported types everywhere. But in this simple

./app.vue

./app.vue

<script setup lang="ts">
const count = ref<number>(0);
const increment = () => count.value++;
</script>

<template>
  <div>
    <span>count is {{ count }}</span>
    <button v-on:click="increment()">+</button>
  </div>
</template>

<script setup lang="ts">
const count = ref<number>(0);
const increment = () => count.value++;
</script>

<template>
  <div>
    <span>count is {{ count }}</span>
    <button v-on:click="increment()">+</button>
  </div>
</template>

I dont get any type hints for the count variable, nor the increment function within the code block, and I do not get any errors when writing invalid typescript code before execution.

I have the

Vue - Official

Vue - Official

vs code extension installed.

------------------------------
- Operating System: Windows_NT
- Node Version:     v20.5.0
- Nuxt Version:     3.12.4
- CLI Version:      3.12.0
- Nitro Version:    2.9.7
- Package Manager:  [email protected]
- Builder:          -
- User Config:      compatibilityDate, typescript, devtools, modules
- Runtime Modules:  [email protected]
- Build Modules:    -
------------------------------

------------------------------
- Operating System: Windows_NT
- Node Version:     v20.5.0
- Nuxt Version:     3.12.4
- CLI Version:      3.12.0
- Nitro Version:    2.9.7
- Package Manager:  [email protected]
- Builder:          -
- User Config:      compatibilityDate, typescript, devtools, modules
- Runtime Modules:  [email protected]
- Build Modules:    -
------------------------------

If this is expected behavior, please tell me.

Thank you.

Solution

Restart vscode? Sometimes, for whatever reason, typescript intellisense just stops working. A simple reload usually fixes it.

Jump to solution

No Type Hints

Similar Threads

No Type Hints

Similar Threads

Similar Threads

Similar Threads