Installed and Configured DaisyUI

Author: Valsuh45

package.json

@@ -28,6 +28,7 @@
     "@typescript-eslint/eslint-plugin": "^7.7.1",
     "@typescript-eslint/parser": "^7.7.1",
     "@vitejs/plugin-react": "^4.2.1",
+    "daisyui": "^4.10.2",
     "eslint": "8",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-react-app": "^7.0.1",

postcss.config.js

@@ -2,5 +2,6 @@ export default {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},
+    'daisyui': {}, // added as a plugin
   },
 }

src/app.scss

@@ -1,3 +1,4 @@
 @import 'tailwindcss/base';
 @import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
+@import 'tailwindcss/utilities';
+@import 'daisyui';

tailwind.config.js

@@ -4,6 +4,8 @@ export default {
   theme: {
     extend: {},
   },
-  plugins: [],
+  plugins: [
+    require('daisyui'),
+  ],
 }