Skip to content

fix(deps): update dependency @astrojs/tailwind to v4 - autoclosed

Housekeeper (bot) requested to merge renovate/astrojs-tailwind-4.x into master

This MR contains the following updates:

Package Type Update Change
@astrojs/tailwind (source) dependencies major ^2.1.1 -> ^4.0.0

Release Notes

withastro/astro (@​astrojs/tailwind)

v4.0.0

Compare Source

Major Changes
  • #​7391 556fd694a Thanks @​bluwy! - Rename options config.path to configFile, and config.applyBaseStyles to applyBaseStyles. If you are using these options, you need to migrate to the new names.

    // astro.config.mjs
    import { defineConfig } from 'astro/config';
    import tailwind from '@​astrojs/tailwind';
    
    export default defineConfig({
      integrations: [
        tailwind({
    -      config: {
    -        path: '...',
    -        applyBaseStyles: true,
    -      },
    +      configFile: '...',
    +      applyBaseStyles: true,
        }),
      ],
    });
  • #​6724 3f1cb6b1a Thanks @​TomPichaud! - Let the tailwindcss PostCSS plugin load its config file itself. This changes the Tailwind config loading behaviour where it is loaded from process.cwd() instead of the project root.

    If your Tailwind config file is not located in the current working directory, you will need to configure the integration's configFile option to load from a specific path:

    // astro.config.mjs
    import { defineConfig } from 'astro/config';
    import tailwind from '@​astrojs/tailwind';
    import { fileURLToPath } from 'url';
    
    export default defineConfig({
      integrations: [
        tailwind({
          configFile: fileURLToPath(new URL('./tailwind.config.cjs', import.meta.url)),
        }),
      ],
    });

    This change also requires a Tailwind config file to exist in your project as a fallback config is no longer provided. It is set up automatically during astro add tailwind, but if it does not exist, you can manually create a tailwind.config.cjs file in your project root:

    // tailwind.config.cjs
    /** @​type {import('tailwindcss').Config} */
    module.exports = {
      content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
      theme: {
        extend: {},
      },
      plugins: [],
    };
Patch Changes

v3.1.3

Compare Source

Patch Changes

v3.1.2

Compare Source

Patch Changes

v3.1.1

Compare Source

Patch Changes

v3.1.0

Compare Source

Minor Changes
Patch Changes

v3.0.1

Compare Source

Patch Changes

v3.0.0

Compare Source

Major Changes
  • #​5717 a3a7fc929 Thanks @​bluwy! - Remove style.postcss Astro config. Refactor Tailwind integration to configure through vite instead. Also disables autoprefixer in dev.

  • #​5806 7572f7402 Thanks @​matthewp! - Make astro a peerDependency of integrations

    This marks astro as a peerDependency of several packages that are already getting major version bumps. This is so we can more properly track the dependency between them and what version of Astro they are being used with.

Patch Changes

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever MR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this MR and you won't be reminded about this update again.


  • If you want to rebase/retry this MR, check this box

This MR has been generated by Renovate Bot. The local configuration can be found in the local Renovate Bot repository.

Edited by Housekeeper (bot)

Merge request reports

Loading