Vue 3 Composables Style Guide

Naming Conventions

Files

• Prefix with use and use PascalCase: useCounter.ts, useApiRequest.ts
• Place in src/composables/ directory

Functions

• Use descriptive names: useUserData() not useData()
• Export as named function: export function useCounter() {}

Structure Template

Follow this order consistently:

import { computed, onMounted, ref, watch } from 'vue'