如何在NUXT js中设置Flowbite

Question

我从默认的NUXT cli安装了顺风css。现在我想添加一下flowbite [ Flowbite是一个开源的UI组件库，它基于实用工具-框架，包括暗模式支持、Figma设计系统等等。我如何在我自己的应用程序中做到这一点？

package.json

{
  "name": "nmdeia",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "@nuxtjs/axios": "^5.13.6",
    "core-js": "^3.19.3",
    "nuxt": "^2.15.8",
    "vue": "^2.6.14",
    "vue-server-renderer": "^2.6.14",
    "vue-template-compiler": "^2.6.14",
    "webpack": "^4.46.0"
  },
  "devDependencies": {
    "@nuxtjs/tailwindcss": "^4.2.1",
    "postcss": "^8.4.4"
  }
}

Answer 1

更新

由于有了Nuxt3，实现了与这句话一起工作，这是一个工作的Github回购。

旧答案

在用Nuxt 2和3以任何可能的方式配置它3个小时之后，我刚刚尝试了Vue。至少和Vue一起工作很棒。

关于文档的这部分

我们目前正在开发一个独立的Vue.js组件库，以提供对该技术的完全支持，并与NuxtJS等框架兼容。

以及主要维护者的这条信息

这个问题似乎与静态生成的基于虚拟DOM(如NextJS和Nuxt )的网站有关。我们将在下周仔细研究这一问题，并在完成独立的React & Vue.js库之前，看看是否能够提供支持，这些库将与这些技术无缝地工作。交互元素不能工作的原因是包含Flowbite的时间，DOM可能还不存在，因为querySelector没有正确地针对元素。对于简单的React和Vue.js项目，已经通过在文档对象上应用DOMContentLoaded事件侦听器来解决这个问题，但我不知道为什么这些querySelectors没有在Nuxt或NextJs中找到元素。

公平地说，Flowbite不支持需要一些JS的组件(比如Modals、下拉列表等等)。现在是Nuxt2和3。当然，我们可以跟踪你的Github问题，让人证明我错了！