1  import { createApp } from 'vue'
 2  import { createPinia } from 'pinia'
 3  import { createRouter, createWebHistory } from 'vue-router'
 4  import store from './store'
 5  
 6  import App from './App.vue'
 7  import Ao from './components/Ao.vue'
 8  
 9  import HomeView from './views/HomeView.vue'
10  
11  const router = createRouter({
12    history: createWebHistory(import.meta.env.BASE_URL),
13    routes: [
14      {
15        path: '/',
16        name: 'home',
17        component: Ao
18      },
19      ///{  
20      ///  path: '/:move1?/:move2?/:move3?/:move4?/:move5?/:move6?/:move7?', 
21      ///  name: 'moves',
22      ///  component: Ao 
23      ///},
24      {
25        path: '/about',
26        name: 'about',
27        // route level code-splitting
28        // this generates a separate chunk (About.[hash].js) for this route
29        // which is lazy-loaded when the route is visited.
30        component: () => import('./views/AboutView.vue')
31      }
32    ]
33  })
34  
35  //import './assets/main.css'
36  
37  const app = createApp(App)
38  
39  app.use(store)
40  //app.use(createPinia())
41  app.use(router)
42  
43  app.mount('#ao')