Comment définir un état global dans un composable Vue.js ?

Question

En Vue.js, quelle est la manière recommandée pour définir un état global dans un composable afin qu'il puisse être partagé entre plusieurs composants ?

Accepted Answer

```javascript
import { ref } from 'vue';

const count = ref(0);

export function useGlobalState() {
  const increment = (value) => {
    count.value += value;
  };

return {
    count,      
    increment, 
  };
}
```

Answer

```javascript
export function useGlobalState() {
  const state = { count: 0 };

const increment = (value) => {
    state.count += value; 
  };

return {
    state,       
    increment, 
  };
}
```

Answer

```javascript
import { ref } from 'vue';

export function useGlobalState() {
  const count = ref(0);

const increment = (value) => {
    count.value += value;
  };

return {
    count,       
    increment,  
  };
}
```

Question du test Vue.js - Les bases

Comment définir un état global dans un composable Vue.js ?