Vue.js 中使用 <script lang="ts"> 标签的最佳实践

<script lang="ts">
import { reactive } from 'vue'

// do not use same name with ref
const form = reactive({
  name: '',
  region: '',
  date1: '',
  date2: '',
  delivery: false,
  type: [],
  resource1: '',
  resource2: '',
  resource3: '',
  resource4: '',
  resource5: '',
  resource6: '',
  resource7: '',
  desc: '',
})

const onSubmit = () => {
  console.log('submit!')
}
</script>