Astro: @astrojs/[email protected] Release

Release date:
June 19, 2023
Previous version:
@astrojs/[email protected] (released May 18, 2023)
Magnitude:
0 Diff Delta
Contributors:
0 total committers
Data confidence:
Commits:

Top Contributors in @astrojs/[email protected]

Could not determine top contributors for this release.

Directory Browser for @astrojs/[email protected]

We haven't yet finished calculating and confirming the files and directories changed in this release. Please check back soon.

Release Notes Published

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