scriptsetup defineProps

`<script setup>` is a new feature introduced in Vue 3.2 that allows you to write your component's logic in a more concise way. With `<script setup>`, you can use the `defineProps` function to declare the props that your component expects to receive.

Here's an example of using `defineProps` inside the `<script setup>` block:

<script setup>
import { defineProps } from 'vue';

const props = defineProps({
  message: String,
  count: {
    type: Number,
    default: 0,
  },
});

// Rest of the component's logic
</script>

In this example, we import `defineProps` from the Vue package and use it to define the `props` object. The `props` object specifies the expected props for the component, along with their types and default values if applicable.

Using `defineProps` helps ensure that your component's props are properly typed and validated, improving the maintainability and reliability of your Vue.js application.