import ui from "@nuxt/ui/vue-plugin"
import { createApp } from "vue"
import { createRouter, createWebHistory } from "vue-router"
import App from "~/App.vue"
import BasicEditing from "~/pages/basic-editing.vue"
import Blockquotes from "~/pages/blockquotes.vue"
import CodeBlocks from "~/pages/code-blocks.vue"
import EditorShell from "~/pages/editor-shell.vue"
import IndexPage from "~/pages/index.vue"
import InlineMarks from "~/pages/inline-marks.vue"
import Links from "~/pages/links.vue"
import MathPage from "~/pages/math.vue"
import Properties from "~/pages/properties.vue"
import RefsTags from "~/pages/refs-tags.vue"
import Tasks from "~/pages/tasks.vue"
import ToolbarPage from "~/pages/toolbar.vue"
import "~/style.css"

const routes = [
  { path: "/", component: IndexPage },
  { path: "/editor-shell", component: EditorShell },
  { path: "/basic-editing", component: BasicEditing },
  { path: "/inline-marks", component: InlineMarks },
  { path: "/tasks", component: Tasks },
  { path: "/blockquotes", component: Blockquotes },
  { path: "/links", component: Links },
  { path: "/refs-tags", component: RefsTags },
  { path: "/code-blocks", component: CodeBlocks },
  { path: "/properties", component: Properties },
  { path: "/math", component: MathPage },
  { path: "/toolbar", component: ToolbarPage },
]

const app = createApp(App)
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes,
})

app.use(router)
app.use(ui)
app.mount("#app")