import './index.css'
import { createApp } from 'vue'
import App from './App.vue'

import { Project as ProjectClass } from './project.js';
import DropdownMenu from 'v-dropdown-menu'

console.log(JSON.parse(localStorage.getItem("tasks-projects-todo")));
JSON.parse(localStorage.getItem("tasks-projects-todo")).forEach(element => {
  let proj = ProjectClass.newProject(element.name);
  element.tasks.forEach(task => {
    // console.log(task)
    proj.newTask(
      task.name,
      task.priority,
      task.dueDate,
      task.description,
      task.done,
    )
  })
});

const app = createApp(App)
app.use(DropdownMenu)
// import router from './router'
// app.use(router)

app.mount('#app')
document.documentElement.classList.toggle("dd-nav-dark");