All files / components MainMenu.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
export default {
    template: `
        <div class="max-w-4xl mx-auto">
            <h2 class="text-2xl font-bold mb-6 text-center text-indigo-600">Menu Główne</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div 
                    class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow cursor-pointer"
                    @click="$router.push('/math')"
                >
                    <h3 class="text-xl font-semibold mb-2">Matematyka</h3>
                    <p class="text-gray-600">Ćwicz dodawanie, odejmowanie, mnożenie i dzielenie!</p>
                </div>
                <!-- Tutaj możesz dodać więcej modułów -->
            </div>
        </div>
    `,
    created() {
        console.log('MainMenu component created');
        console.log('isLoggedIn:', this.$root.isLoggedIn);
        console.log('currentUser:', this.$root.currentUser);
    }
};