script lang=ts setupimport reactive from vue do not use same name with refconst form = reactive name region date1 date2 delivery false type resource1 resource2 resource3 resource4

<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>