static/js/admin.js

// static/js/admin.js
// static/js/admin.js
// Vue 3 CDN 版本将 createApp 暴露在全局 Vue 对象下
const { createApp } = Vue; 

import { authData, authMethods, authMounted } from './auth.js';
import { proxyData, proxyMethods } from './proxy.js';
import { appData, appMethods, appMounted } from './store.js';
const AdminApp = {
    components: {
        // AdminNavbar // Register the component
    },
    // template: document.querySelector('#app template').innerHTML, // Removed template option
    data() {
        return {
            ...authData(),
            ...proxyData(),
            ...appData(),
            selectedFile: null,
            isUploading: false,
            uploadMessage: '',
            uploadedImageUrl: '',
            showImageUpload: false,
            showUserManagement: false,
            showImageManagement: false,
            images: [],
            imageMessage: '',
        };
    },
    methods: {
        ...authMethods(this),
        ...proxyMethods(),
        ...appMethods(this),
        handleFileUpload(event) {
            this.selectedFile = event.target.files[0];
        },
        handleShowChangePasswordModal() {
            this.showChangePasswordModal = true;
        }
    },
    mounted() {
        authMounted(this);
        appMounted(this);
        console.log('Admin app mounted!');
    },
    watch: {
        // No specific watchers needed for this page
    }
};

createApp(AdminApp).mount('#app');
console.log('Vue app successfully mounted to #app element.');