// static/app.js
import { authData, authMethods, authMounted } from './js/auth.js';
import { proxyData, proxyMethods } from './js/proxy.js';
import { appData, appComputed, appMethods, appMounted } from './js/store.js';

const app = Vue.createApp({
    data() {
        return {
            ...appData(),
            ...authData(),
            ...proxyData(),
        };
    },
    computed: {
        ...appComputed,
    },
    methods: {
        ...appMethods(),
        ...authMethods(this), // Pass 'this' (app instance) if methods need access to other parts of the app
        ...proxyMethods(),
    },
    mounted() {
        appMounted(this); // Pass 'this' (app instance) to mounted logic
        authMounted(this); // Pass 'this' (app instance) to auth mounted logic
    }
});

app.mount('#app');