Script setup with TypeScript

defineProps generic typing

defineEmits typed tuple syntax

One component per file

v-if loading state

v-else-if error state

role=alert on error

aria-label on buttons

v-else success state

Retry button in error

useThing naming convention

composables/ folder

loading ref exposed

error ref exposed

try/catch/finally pattern

Reset error before fetch

Reload function returned

Object.assign for reactive reset

ref for primitive state

Destructured in component

onMounted triggers load

Pinia for shared state

Setup Store pattern

stores/ folder placement

computed for derived values

watch for side effects

Local ref() for component state

Script setup on components

defineProps generic typing

Store returns all used members

No reactive object replacement

storeToRefs for state

Actions destructured directly

watch() for navigation side effect

watch() for notification side effect

Setup Store syntax

stores/ directory

computed for derived values

Local ref for component-only state

script setup lang ts

defineProps generic typing

aria-label on interactive elements

role=alert on error regions

Template ref variable naming

onMounted for DOM access

ref typed as HTML element

aria-busy on loading container

aria-label on buttons

role=alert on error

v-if loading/error/success chain

script setup lang ts

defineProps generic typing

defineEmits tuple syntax

ref for primitive state

retry button aria-label

defineModel usage

defineModel typed

No manual modelValue prop

Form label association

aria-label on buttons

role=alert on error

script setup lang ts

defineProps generic typing

defineEmits tuple syntax

ref for local form state

v-model used in parent

computed for derived values

watch for specific state side effects

watchEffect for multi-source side effects

No side effects in computed

watch getter for nested property

script setup lang ts

defineProps generic typing

ref for primitive state

No reassignment of reactive objects

aria-label on buttons

role=alert on error regions

v-if/v-else-if/v-else chain

No bare reactive() destructure

toRefs when destructuring reactive

Object.assign for reactive reset

No reactive variable reassignment

ref for primitives

script setup lang ts

defineProps generic typing

defineEmits tuple syntax

Form label association

aria-label on buttons

role=alert on error regions

try/catch/finally pattern