import {createBrowserRouter} from 'react-router-dom'
import {lazy, Suspense} from 'react'
import Home from '../pages/Home'
// import My from '../pages/My'
import Layout from '../layout'
import Login from '../pages/Login'
import Shop from '../pages/Shop'

const My = lazy(()=>import('../pages/My'))
// const Shop = lazy(()=>import('../pages/Shop'))
const router = createBrowserRouter([
    {
        path:'/',
        element:<Layout/>,
        children:[
            {   
                // path:'/'
                index:true,
                element:<Home/>
            },
            {
                path:'/my',
                element:(
                    <Suspense fallback={<h1>紧急加载中....</h1>}>
                        <My/>
                    </Suspense>
                )
            },
            {
                path:'/shop',
                element:<Shop/>
            }, 
            {   
                path:'/login',
                element:<Login/>
            },
        ]
    }

])

export default router;