Composables

Composables are reusable reactive functions that encapsulate logic and state.

Common Composables

useAuth:

• Authentication state
• Login/logout functions
• User information

useApi:

• API request handling
• Automatic loading state
• Error handling

useToast:

• Toast notifications
• Success/error messages

usePermissions:

• Permission checking
• Role-based access

Creating Composables

export function useMyComposable() {
  const state = ref(0)
  const increment = () => state.value++
  return { state, increment }
}

Related Guides

• Components
• Routing