Remove Headless UI and add UI framework recommendations

README.md

@@ -8,7 +8,6 @@ Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introdu
 
 - 👓 [Sass](https://sass-lang.com/)
 - 🪁 [Tailwind CSS](https://tailwindcss.com)
-- ✨ [Headless UI components](https://headlessui.dev)
 - 🇬 [Google Fonts](https://google-fonts.nuxtjs.org/)
 - 🚀 [Nuxt Icon](https://nuxt.com/modules/icon) (add any icons from [icones.js.org](https://icones.js.org/) collection)
 - 🔍 [Nuxt SEO](https://nuxtseo.com/) (robots.txt, sitemap, link checker, etc.)
@@ -31,6 +30,16 @@ npx nuxi init -t gh:inputstudio/nuxt3-starter <project-name>
 
 After that, make sure to go through the TODOs (search for `TODO` in your code editor) to customize the project to your needs. Enjoy ✨
 
+## Which UI framework should I use?
+
+This starter template uses Tailwind CSS by default. You can add any UI framework you want on top of it. Here are some that we use and recommend (they are all fully compatible with Tailwind):
+
+- [Headless UI](https://nuxt.com/modules/headlessui)
+- [Daisy UI](https://daisyui.com/docs/install/)
+- [NuxtUI](https://ui.nuxt.com/)
+
+Feel free to use any other UI framework you like 🙂.
+
 ## Production
 
 To build the application for production, run the following command:

nuxt.config.ts

@@ -16,18 +16,7 @@ export default defineNuxtConfig({
  '/_nuxt/**': { headers: { 'cache-control': `public,max-age=${cacheTTL},s-maxage=${cacheTTL}` } },
  },
  },
- modules: [
- '@nuxtjs/google-fonts',
- '@nuxtjs/seo',
- 'nuxt-headlessui',
- 'nuxt-icon',
- '@nuxtjs/tailwindcss',
- '@nuxt/eslint',
- ],
- headlessui: {
- // https://nuxt.com/modules/headlessui
- prefix: 'Headless',
- },
+ modules: ['@nuxtjs/google-fonts', '@nuxtjs/seo', 'nuxt-icon', '@nuxtjs/tailwindcss', '@nuxt/eslint'],
  googleFonts: {
  // https://google-fonts.nuxtjs.org/getting-started/options
  families: {

package.json

@@ -19,7 +19,6 @@
  "@nuxtjs/tailwindcss": "^6.11.4",
  "eslint": "^8.57.0",
  "nuxt": "^3.11.2",
- "nuxt-headlessui": "^1.1.5",
  "nuxt-icon": "^0.6.10",
  "prettier": "^3.2.5",
  "prettier-plugin-tailwindcss": "^0.5.11",