Single File Component Structure

Single File Components MUST follow this order of sections: <script>, <template>, <style>.

The <script setup> syntax with TypeScript MUST be used for new components.

Example:

<script setup lang="ts">
// component logic
</script>

<template>
    <!-- component template -->
</template>

<style scoped>
/* component styles */
</style>