import { createApp } from "vue";
import { createRouter, createWebHistory } from "vue-router";
import PrimeVue from "primevue/config";
import Aura from "@primeuix/themes/aura";
import "primeicons/primeicons.css";
import App from "./App.vue";
import OverviewPage from "./pages/OverviewPage.vue";
import ReleasesPage from "./pages/ReleasesPage.vue";
import SourcesPage from "./pages/SourcesPage.vue";
import FeedbackPage from "./pages/FeedbackPage.vue";
import CompatibilityPage from "./pages/CompatibilityPage.vue";
import "./styles.css";

const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: "/", component: OverviewPage },
    { path: "/releases", component: ReleasesPage },
    { path: "/sources", component: SourcesPage },
    { path: "/feedback", component: FeedbackPage },
    { path: "/compatibility", component: CompatibilityPage },
  ],
});

createApp(App)
  .use(router)
  .use(PrimeVue, {
    ripple: true,
    theme: {
      preset: Aura,
      options: {
        darkModeSelector: ".portal-dark",
      },
    },
    locale: {
      accept: "确定",
      reject: "取消",
      startsWith: "开始于",
      contains: "包含",
      notContains: "不包含",
      endsWith: "结束于",
      equals: "等于",
      notEquals: "不等于",
      noFilter: "无筛选",
      lt: "小于",
      lte: "小于等于",
      gt: "大于",
      gte: "大于等于",
      dateIs: "日期为",
      dateIsNot: "日期不为",
      dateBefore: "早于",
      dateAfter: "晚于",
      clear: "清除",
      apply: "应用",
    },
  })
  .mount("#app");