diff --git a/src/pages/docs/guides/remix.js b/src/pages/docs/guides/remix.js index c57529d9b..74eea00f4 100644 --- a/src/pages/docs/guides/remix.js +++ b/src/pages/docs/guides/remix.js @@ -8,7 +8,7 @@ let steps = [ body: () => (

Start by creating a new Remix project if you don’t have one set up already. The most common - approach is to use Create Remix. + approach is to use Create Remix.

), code: { @@ -21,8 +21,7 @@ let steps = [ title: 'Enable built-in Tailwind CSS support in Remix', body: () => (

- Set the unstable_tailwind feature flag in your remix.config.js{' '} - file. Eventually this will become stable and won't be necessary. + Set the tailwind flag in your remix.config.js file.

), code: { @@ -30,9 +29,7 @@ let steps = [ lang: 'js', code: ` /** @type {import('@remix-run/dev').AppConfig} */ module.exports = { -> future: { -> unstable_tailwind: true, -> }, +> tailwind: true, }`, }, }, @@ -41,13 +38,13 @@ let steps = [ body: () => (

Install tailwindcss via npm, and then run the init command to generate a{' '} - tailwind.config.js file. + tailwind.config.ts file.

), code: { name: 'Terminal', lang: 'terminal', - code: 'npm install -D tailwindcss\nnpx tailwindcss init', + code: 'npm install -D tailwindcss\nnpx tailwindcss init --ts', }, }, { @@ -58,16 +55,17 @@ let steps = [

), code: { - name: 'tailwind.config.js', - lang: 'js', - code: ` /** @type {import('tailwindcss').Config} */ - module.exports = { -> content: ["./app/**/*.{js,jsx,ts,tsx}"], + name: 'tailwind.config.ts', + lang: 'ts', + code: ` import type { Config } from 'tailwindcss' + + export default { +> content: [''./app/**/*.{js,jsx,ts,tsx}''], theme: { extend: {}, }, plugins: [], - }`, + } satisfies Config`, }, }, {