What is the difference between plugins and composables in Nuxt 3?

Question

Accepted Answer

**Plugins** — run once on app init. **Composables** — reusable logic.

**Plugins:**
```typescript
// plugins/axios.ts
export default defineNuxtPlugin(() => {
    return {
        provide: {
            api: $fetch.create({
                baseURL: "https://api.example.com"
            })
        }
    }
})
```

**Composables:**
```typescript
// composables/useApi.ts
export const useApi = () => {
    return $fetch.create({
        baseURL: "https://api.example.com"
    })
}
```

**Key differences:**
- **Plugins** — initialization.
- **Composables** — on-demand.

Vue.js: What is the difference between plugins and composables in Nuxt 3?