Skip to content

fix(deps): update dependency @astrojs/tailwind to v4 #164

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jun 19, 2023

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Jun 19, 2023

Mend Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@astrojs/tailwind (source) ^3.1.3 -> ^4.0.0 age adoption passing confidence

Release Notes

withastro/astro

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

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 PR becomes conflicted, or you tick the rebase/retry checkbox.

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


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

This PR has been generated by Mend Renovate. View repository job log here.

@renovate renovate bot temporarily deployed to pr-164 June 19, 2023 16:24 Inactive
@ansidev ansidev merged commit e3f9447 into develop Jun 19, 2023
@ansidev ansidev temporarily deployed to preview June 19, 2023 17:25 — with GitHub Actions Inactive
@renovate renovate bot deleted the renovate/astrojs-tailwind-4.x branch June 19, 2023 17:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant