vite-plugins.ts

import Pages from "@tachibana-shin/vite-plugin-pages"
import { unheadVueComposablesImports } from "@unhead/vue"
import { OnuResolver } from "onu-ui"
import UnoCSS from "unocss/vite"
import AutoImport from "unplugin-auto-import/vite"
import IconsResolver from "unplugin-icons/resolver"
import Icons from "unplugin-icons/vite"
import Components from "unplugin-vue-components/vite"
import DefineOptions from "unplugin-vue-define-options/vite"
// import { VueRouterAutoImports } from "unplugin-vue-router"
// import VueRouter from "unplugin-vue-router/vite"
import type { Plugin } from "vite"
import { ViteImageOptimizer as ImageOptimizer } from "vite-plugin-image-optimizer"
import imagePresets, { widthPreset } from "vite-plugin-image-presets"
import RemoveConsole from "vite-plugin-remove-console"
import ReWriteAll from "vite-plugin-rewrite-all"
import Layouts from "vite-plugin-vue-layouts"

import vitePluginBuildRaw from "./modules/vite-plugin-build-raw"
import vitePluginI18nLangs from "./modules/vite-plugin-i18n-langs"

export const vitePlugins: [
  (conf: object | undefined) => Plugin | Plugin[],
  object | undefined
][] = [
  // [VueRouter, {}],
  [vitePluginI18nLangs, {}],
  [
    Pages,
    {
      routeStyle: "nuxt3",
      importMode: () => "async"
    }
  ],
  [ReWriteAll, {}],
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  [RemoveConsole as unknown as any, {}],
  [
    Layouts,
    {
      defaultLayout: "MainLayout"
    }
  ],
  [
    UnoCSS,
    {
      configFile: "./uno.config.ts"
    }
  ],
  [
    AutoImport,
    {
      resolvers: [OnuResolver()],
      include: [/\.tsx?$/, /\.vue$/, /\.vue\?vue/],
      imports: [
        "vue",
        "vue-router",
        // VueRouterAutoImports,
        {
          "@iconify/vue": ["Icon"],
          "@vueuse/core": ["computedAsync", "watchImmediate", "useStorage"],
          "@vueuse/router": ["useRouteParams"],
          quasar: ["useQuasar"],
          "vue-request": ["useRequest"],
          "vue-i18n": ["useI18n"],
          "@tachibana-shin/capacitor-filesystem": [
            "Filesystem",
            "Directory",
            "Encoding"
          ]
        },
        unheadVueComposablesImports
      ],
      dirs: [
        "src/logic/**/*.ts",
        "src/logic/**/*.tsx",
        "src/stores/**/*.ts",
        "src/composables/*.ts",
        "src/boot/*.ts",
        "src/errors/*.ts",
        "src/*.ts"
      ],
      eslintrc: {
        enabled: true,
        filepath: "./.eslintrc-auto-import.json",
        globalsPropValue: true
      }
    }
  ],
  [
    Components,
    {
      resolvers: [
        IconsResolver(),
        OnuResolver(),
        (componentName: string) => {
          if (componentName.toLowerCase() === "icon")
            return {
              name: componentName,
              from: "@iconify/vue"
            }
        }
      ]
    }
  ],
  [DefineOptions, {}],
  [vitePluginBuildRaw, {}],
  [Icons, {}],
  [ImageOptimizer, {}],
  [
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    imagePresets as unknown as any,
    {
      thumbnail: widthPreset({
        widths: [48, 96],
        formats: {
          webp: { quality: 100 },
          jpg: { quality: 100 }
        }
      })
    }
  ]
]