Vuex 4 and Vue 3: Create models from vuex state

createModels.js

import { computed } from "vue";

/**
 * Create models from state
 * @param {object} vuex state
 * @returns {(object | null)} state models
 */
function createModels(state) {
    // Check if state is not empty and a valid object
    if (state && typeof state === "object" && state.constructor === Object) {
        // Get keys
        const keys = Object.keys(state);
        // Computed states
        const models = {};

        // For every keys
        for (const key of keys) {
            // Create a computed property
            models[key] = computed({
                get: () => state[key],
                set: (val) => state[key] = val
            });
        }

        // Return models
        return models;
    }

    // Otherwise, return null
    return null;
}

export {
    createModels
};