import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import { useWalletStoreV2 } from "@/stores/walletV2";


const router = createRouter({
	history: createWebHistory(import.meta.env.BASE_URL),
	routes: [
		{
			path: "/",
			name: "home",
			component: HomeView,
		},
		// {
		// 	path: "/about",
		// 	name: "about",
		// 	// route level code-splitting
		// 	// this generates a separate chunk (About.[hash].js) for this route
		// 	// which is lazy-loaded when the route is visited.
		// 	component: () => import("../views/AboutView.vue"),
		// },
		{
			path: "/test",
			name: "Test",
			component: () => import("../views/TestView.vue"),
		},
		{
			path: "/wagmi",
			name: "Wagmi",
			component: () => import("../views/WagmiView.vue"),
		},
		{
			path: "/profile",
			name: "profile",
			meta: {
				middleware: ["connected"],
			},
			component: () => import("../views/ProfileView.vue"),
		},
		{
			path: "/cycle",
			name: "cycle",
			meta: {
				middleware: ["connected"],
			},
			component: () => import("../views/CycleView.vue"),
		},
	],
});

router.beforeEach(async (to, from) => {
	//init

   
    const walletStore = useWalletStoreV2();
    //middleware
    // if (to.meta.middleware) {
    //     if (!walletStore.connected) {
    //         return '/';
    //     }
    // }
	return true;
});

export default router