astro

[seanperez-xyz]

following the docs https://tailwindcss.com/docs/installation/framework-guides/astro (I am not including the tailwind astro plugin)

// @ts-check
import { defineConfig } from "astro/config";

import cloudflare from "@astrojs/cloudflare";
import tailwindcss from "@tailwindcss/vite";
import partytown from "@astrojs/partytown";
import qwikdev from "@qwikdev/astro";

// https://astro.build/config
export default defineConfig({
  adapter: cloudflare(),
  integrations: [qwikdev(), partytown()],
  vite: { plugins: [tailwindcss()] },
});

its working in the sense of I can use it but there is an error in the config.mjs vite plugins

  vite: { plugins: [tailwindcss()] },

Type 'Plugin<any>[]' is not assignable to type 'PluginOption'.
Type 'Plugin<any>[]' is not assignable to type 'PluginOption[]'.
Type 'Plugin<any>' is not assignable to type 'PluginOption'.
Type 'import("path/to/node_modules/vite/dist/node/index").Plugin<any>' is not assignable to type 'import("path/to/node_modules/astro/node_modules/vite/dist/node/index").Plugin<any>'.
Types of property 'apply' are incompatible.
Type '"build" | "serve" | ((this: void, config: import("path/to/node_modules/vite/dist/node/index").UserConfig, env: import("path/to/node_modules/vite/dist/node/index").ConfigEnv) => boolean) | undefined' is not assignable to type '"build" | "serve" | ((this: void, config: import("path/to/node_modules/astro/node_modules/vite/dist/node/index").UserConfig, env: import("path/to/node_modules/astro/node_modules/vite/dist/node/index").ConfigEnv) => boolean) | undefined'.
Type '(this: void, config: UserConfig, env: ConfigEnv) => boolean' is not assignable to type '"build" | "serve" | ((this: void, config: UserConfig, env: ConfigEnv) => boolean) | undefined'.
Type '(this: void, config: import("path/to/node_modules/astro/node_modules/vite/dist/node/index").UserConfig, env: import("path/to/node_modules/astro/node_modules/vite/dist/node/index").ConfigEnv) => boolean' is not assignable to type '(this: void, config: import("path/to/node_modules/vite/dist/node/index").UserConfig, env: import("path/to/node_modules/vite/dist/node/index").ConfigEnv) => boolean'.
Types of parameters 'config' and 'config' are incompatible.
Type 'import("path/to/node_modules/astro/node_modules/vite/dist/node/index").UserConfig' is not assignable to type 'import("path/to/node_modules/vite/dist/node/index").UserConfig'.
Types of property 'plugins' are incompatible.
Type 'import("path/to/node_modules/vite/dist/node/index").PluginOption[] | undefined' is not assignable to type 'import("path/to/node_modules/astro/node_modules/vite/dist/node/index").PluginOption[] | undefined'.
Type 'import("path/to/node_modules/astro/node_modules/vite/dist/node/index").PluginOption[]' is not assignable to type 'import("path/to/node_modules/vite/dist/node/index").PluginOption[]'.
Type 'import("path/to/node_modules/astro/node_modules/vite/dist/node/index").PluginOption' is not assignable to type 'import("path/to/node_modules/vite/dist/node/index").PluginOption'.
Type 'Plugin<any>' is not assignable to type 'PluginOption'.
Type 'import("path/to/node_modules/astro/node_modules/vite/dist/node/index").Plugin<any>' is not assignable to type 'import("path/to/node_modules/vite/dist/node/index").Plugin<any>'.
Types of property 'apply' are incompatible.
Type '"build" | "serve" | ((this: void, config: import("path/to/node_modules/astro/node_modules/vite/dist/node/index").UserConfig, env: import("path/to/node_modules/astro/node_modules/vite/dist/node/index").ConfigEnv) => boolean) | undefined' is not assignable to type '"build" | "serve" | ((this: void, config: import("path/to/node_modules/vite/dist/node/index").UserConfig, env: import("path/to/node_modules/vite/dist/node/index").ConfigEnv) => boolean) | undefined'.

[colus001]

Same for solid-start. It shows type error but works fine.