chore: update docs introduction and installation guides to new config

Author: SutuSebastian

apps/web/content/docs/getting-started/introduction.mdx

@@ -13,32 +13,7 @@ Learn how to get started with Flowbite React and start leveraging the interactiv
 
 ### Setup Tailwind CSS
 
-Install Tailwind CSS:
-
-```bash
-npm i autoprefixer postcss tailwindcss
-npx tailwindcss init -p
-```
-
-Point Tailwind CSS to files you have `className=".."` in:
-
-```javascript
-module.exports = {
-  content: ["./src/**/*.{js,jsx,ts,tsx}" /* src folder, for example */],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};
-```
-
-Add Tailwind CSS to a CSS file:
-
-```css
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-```
+Install Tailwind CSS by following the [official installation guide](https://tailwindcss.com/docs/installation).
 
 ### Install Flowbite React
 
@@ -48,18 +23,20 @@ Add Tailwind CSS to a CSS file:
 npm i flowbite-react
 ```
 
-2. Add the Flowbite plugin to `tailwind.config.js`, and include content from `flowbite-react`:
+2. Add the Flowbite React `content` path and `plugin` to `tailwind.config.js`:
+
+```js {1,7,11}
+const flowbite = require("flowbite-react/tailwind");
 
-```js {5,9}
 /** @type {import('tailwindcss').Config} */
-export default {
+module.exports = {
   content: [
     // ...
-    "node_modules/flowbite-react/lib/esm/**/*.js",
+    flowbite.content(),
   ],
   plugins: [
     // ...
-    require("flowbite/plugin"),
+    flowbite.plugin(),
   ],
 };
 ```

apps/web/content/docs/guides/astro.mdx

@@ -57,18 +57,20 @@ npx astro add tailwind
 npm i flowbite-react
 ```
 
-2. Add the Flowbite plugin to `tailwind.config.mjs` and include content from `flowbite-react`:
+2. Add the Flowbite React `content` path and `plugin` to `tailwind.config.mjs`:
+
+```js {1,7,11}
+import flowbite from "flowbite-react/tailwind";
 
-```js {5,9}
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
     // ...
-    "node_modules/flowbite-react/lib/esm/**/*.js",
+    flowbite.content(),
   ],
   plugins: [
     // ...
-    require("flowbite/plugin"),
+    flowbite.plugin(),
   ],
 };
 ```

apps/web/content/docs/guides/create-react-app.mdx

@@ -74,18 +74,20 @@ module.exports = {
 npm i flowbite-react
 ```
 
-2. Add the Flowbite plugin to `tailwind.config.js` and include content from `flowbite-react`:
+2. Add the Flowbite React `content` path and `plugin` to `tailwind.config.js`:
+
+```js {1,7,11}
+const flowbite = require("flowbite-react/tailwind");
 
-```js {5,9}
 /** @type {import('tailwindcss').Config} */
-export default {
+module.exports = {
   content: [
     // ...
-    "node_modules/flowbite-react/lib/esm/**/*.js",
+    flowbite.content(),
   ],
   plugins: [
     // ...
-    require("flowbite/plugin"),
+    flowbite.plugin(),
   ],
 };
 ```

apps/web/content/docs/guides/gatsby.mdx

@@ -41,18 +41,20 @@ npm init gatsby
 npm i flowbite-react
 ```
 
-2. Add the Flowbite plugin to `tailwind.config.js` and include content from `flowbite-react`:
+2. Add the Flowbite React `content` path and `plugin` to `tailwind.config.js`:
+
+```js {1,7,11}
+import flowbite from "flowbite-react/tailwind";
 
-```js {5,9}
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
     // ...
-    "node_modules/flowbite-react/lib/esm/**/*.js",
+    flowbite.content(),
   ],
   plugins: [
     // ...
-    require("flowbite/plugin"),
+    flowbite.plugin(),
   ],
 };
 ```

apps/web/content/docs/guides/laravel.mdx

@@ -41,18 +41,20 @@ laravel new flowbite-react-laravel --breeze --stack=react
 npm i flowbite-react
 ```
 
-2. Add the Flowbite plugin to `tailwind.config.js` and include content from `flowbite-react`:
+2. Add the Flowbite React `content` path and `plugin` to `tailwind.config.js`:
+
+```js {1,7,11}
+import flowbite from "flowbite-react/tailwind";
 
-```js {5,9}
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
     // ...
-    "node_modules/flowbite-react/lib/esm/**/*.js",
+    flowbite.content(),
   ],
   plugins: [
     // ...
-    require("flowbite/plugin"),
+    flowbite.plugin(),
   ],
 };
 ```

apps/web/content/docs/guides/next-js.mdx

@@ -45,18 +45,20 @@ npm i flowbite-react
 
 ### Configure Tailwind CSS
 
-Open `tailwind.config.js` and update `content` and `plugins` to include Flowbite React:
+Open `tailwind.config.ts` and update `content` and `plugins` to include Flowbite React:
+
+```js {1,7,11}
+import flowbite from "flowbite-react/tailwind";
 
-```js {5,9}
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
     // ...
-    "node_modules/flowbite-react/lib/esm/**/*.js",
+    flowbite.content(),
   ],
   plugins: [
     // ...
-    require("flowbite/plugin"),
+    flowbite.plugin(),
   ],
 };
 ```
@@ -115,18 +117,20 @@ module.exports = {
 npm i flowbite-react
 ```
 
-2. Add the Flowbite plugin to `tailwind.config.js` and include content from `flowbite-react`:
+2. Add the Flowbite React `content` path and `plugin` to `tailwind.config.js`:
+
+```js {1,7,11}
+const flowbite = require("flowbite-react/tailwind");
 
-```js {5,9}
 /** @type {import('tailwindcss').Config} */
-export default {
+module.exports = {
   content: [
     // ...
-    "node_modules/flowbite-react/lib/esm/**/*.js",
+    flowbite.content(),
   ],
   plugins: [
     // ...
-    require("flowbite/plugin"),
+    flowbite.plugin(),
   ],
 };
 ```

apps/web/content/docs/guides/parcel.mdx

@@ -199,18 +199,20 @@ module.exports = {
 npm i flowbite-react
 ```
 
-2. Add the Flowbite plugin to `tailwind.config.js` and include content from `flowbite-react`:
+2. Add the Flowbite React `content` path and `plugin` to `tailwind.config.js`:
+
+```js {1,7,11}
+const flowbite = require("flowbite-react/tailwind");
 
-```js {5,9}
 /** @type {import('tailwindcss').Config} */
-export default {
+module.exports = {
   content: [
     // ...
-    "node_modules/flowbite-react/lib/esm/**/*.js",
+    flowbite.content(),
   ],
   plugins: [
     // ...
-    require("flowbite/plugin"),
+    flowbite.plugin(),
   ],
 };
 ```

apps/web/content/docs/guides/redwood-js.mdx

@@ -53,18 +53,20 @@ yarn rw setup ui tailwindcss
 yarn workspace web add flowbite-react
 ```
 
-2. Add the Flowbite plugin to `tailwind.config.js` and include content from `flowbite-react`:
+2. Add the Flowbite React `content` path and `plugin` to `web/config/tailwind.config.js`:
+
+```js {1,7,11}
+const flowbite = require("flowbite-react/tailwind");
 
-```js {5,9}
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [
     // ...
-    "../node_modules/flowbite-react/lib/esm/**/*.js",
+    flowbite.content(),
   ],
   plugins: [
     // ...
-    require("flowbite/plugin"),
+    flowbite.plugin(),
   ],
 };
 ```

apps/web/content/docs/guides/remix.mdx

@@ -86,21 +86,21 @@ export const links: LinksFunction = () => [
 npm i flowbite-react
 ```
 
-2. Add the Flowbite plugin to `tailwind.config.ts` and include content from `flowbite-react`:
+2. Add the Flowbite React `content` path and `plugin` to `tailwind.config.ts`:
 
 ```ts {1,8,12}
-import flowbite from "flowbite/plugin";
+import flowbite from "flowbite-react/tailwind";
 
 import type { Config } from "tailwindcss";
 
 export default {
   content: [
     // ...
-    "node_modules/flowbite-react/lib/esm/**/*.js",
+    flowbite.content(),
   ],
   plugins: [
     // ...
-    flowbite,
+    flowbite.plugin(),
   ],
 } satisfies Config;
 ```

apps/web/content/docs/guides/vite.mdx

@@ -74,18 +74,20 @@ module.exports = {
 npm i flowbite-react
 ```
 
-2. Add the Flowbite plugin to `tailwind.config.js` and include content from `flowbite-react`:
+2. Add the Flowbite React `content` path and `plugin` to `tailwind.config.js`:
+
+```js {1,7,11}
+const flowbite = require("flowbite-react/tailwind");
 
-```js {5,9}
 /** @type {import('tailwindcss').Config} */
-export default {
+module.exports = {
   content: [
     // ...
-    "node_modules/flowbite-react/lib/esm/**/*.js",
+    flowbite.content(),
   ],
   plugins: [
     // ...
-    require("flowbite/plugin"),
+    flowbite.plugin(),
   ],
 };
 ```