Quiero importar datos de mi archivo JSON local a una configuración de valor de estado.
tienda/index.js
import { createStore} from 'vuex' export default createStore({ state: { settings: {} } })activos/json/configuración.json
{ "theme": "dark", "loggedIn": true, "mobile": false, }También tiene que ser reactivo para trabajar con computado en Vue. Esto significa que debería usar algo como fs para guardar los cambios en el archivo JSON. Uso Vuex porque quiero cambiar datos en múltiples componentes.
¿Cómo puedo establecer el valor JSON en el valor state.settings? 😅
puede importar directamente desde un archivo json como lo haría con un archivo js
que luego puede regresar desde el inicializador de estado
import settings from "./settings.json"; export default createStore({ state(){ //note: state should always be a function to create a state not the state itself return { settings: settings } } })solo asegúrate de tener
"resolveJsonModule": trueen las opciones del compilador js
el navegador no debería editar este archivo directamente, así que guarde los cambios en una cookie, almacenamiento local, almacenamiento de sesión o mediante una llamada de servicio web a su servidor