import data from './data.js'


let list = []
let count = 0
console.log('data=',data)
let keys = data.map(item => {
    return item.title
})
data.forEach(item => {
    let obj = {
        category: item.title,
        des: item.des,
        children: item.list
    }
    count += item.list.length
    list.push(obj)
})

var vm = new Vue({
    el: '#app',
    data: {
        list:list,
        category: keys,
        count:count
    },
    mounted(){
    	console.log('mounted')
        const navLinks = document.querySelectorAll('.menu li a');  
        const sections = document.querySelectorAll('.content .block h2');

        window.addEventListener('scroll', function () {
            let current = '';  
            sections.forEach(section => {  
                const sectionTop = section.offsetTop;  
                if (pageYOffset >= sectionTop - 60) { // 60 is the height of the navbar + some padding  
                    current = section.getAttribute('id');  
                }  
            });  
            console.log('current=', current);
            navLinks.forEach(navLink => {  
                navLink.parentElement.classList.remove('active');  
                if (navLink.getAttribute('href').includes(current)) {  
                    navLink.parentElement.classList.add('active');  
                    navLink.parentElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
                }  
            });  
        });
    },
    methods: {}
})