import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'
import Texts from '../views/Texts.vue'
import TextReader from '../views/TextReader.vue'
import News from '../views/News.vue'
import NewsArticle from '../views/NewsArticle.vue'
import { textService } from '../services/textService.js'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/textes',
    name: 'Texts',
    component: Texts
  },
  {
    path: '/texte/:id',
    name: 'TextReader',
    component: TextReader,
    props: true
  },
  {
    path: '/actualites',
    name: 'News',
    component: News
  },
  {
    path: '/actualite/:id',
    name: 'NewsArticle',
    component: NewsArticle,
    props: true
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router