Support for script syntactical sugar "setup"

[onx2]

I attempted to use the setup="props" shorthand with TS but it doesn't seem to work - is there a plan to support this while it is experimental?

Heres an example of what i'm attempting:

HelloWorld.vue

<script lang="ts" setup="props">
import { ref } from "vue"

declare const props: {
  msg: string
}

export const count = ref(0);
</script>

<template>
 <div>
    {{ count }}
    <button @click="count++">Add</button>
  </div>
</template>

App.vue
Import the HelloWorld component; the props aren't registered when hovering over the component in the template, prop completion and type checking aren't working, and missing a prop doesn't error highlight the component.

• Create vite app
• Add typescript pkg and vue shim
• Add volar shims
• Update files to use TS (index.html and .vue files' script tag)

BTW this is looking great so far, really good work! Thanks for your time 😄

[johnsoncodehk]

Thank you for your report :) I will take a look at declare const props.
Currently you can do this:

export default defineComponent({
	props: {
		msg: { type: String, required: true }
	}
})

[johnsoncodehk]

fixed in 0.14.5

[onx2]

Wow, that was quick. Thanks!