Install Preline UI on Rails 8

rails new blog -c tailwind -j bun

mkdir app/assets/tailwind
mv app/assets/stylesheets/application.tailwind.css app/assets/tailwind/application.css

{
  "name": "app",
  "private": true,
  "scripts": {
    "build": "bun bun.config.js",
--  "build:css": "bunx @tailwindcss/cli -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --minify"
++. "build:css": "bunx @tailwindcss/cli -i ./app/assets/tailwind/application.css -o ./app/assets/builds/application.css --minify"
  },
  "dependencies": {
    "@hotwired/stimulus": "^3.2.2",
    "@hotwired/turbo-rails": "^8.0.13",
    "@tailwindcss/cli": "^4.1.3",
    "tailwindcss": "^4.1.3"
  }
}

bun add preline

/* Preline UI */
@import "../../../node_modules/preline/variants.css";
@source "../../../node_modules/preline/dist/*.js";

/* Optional plugins */
/* @import "../../../node_modules/preline/src/plugins/overlay/variants.css"; */

bun add @tailwindcss/forms @tailwindcss/aspect-ratio

/* Third-party plugins */
@plugin "@tailwindcss/forms";
@plugin "@tailwindcss/aspect-ratio";

/* Adds pointer cursor to buttons */
@layer base {
  button:not(:disabled),
  [role="button"]:not(:disabled) {
    cursor: pointer;
  }
}

/* Defaults hover styles on all devices */
@custom-variant hover (&:hover);

import "../../node_modules/preline/dist/preline"

rails g controller home index

copy html from Application Layouts