daief / daisyui-vue

(WIP) Vue3 UI components based on daisyui.

• 👋 Hi, I’m @daief

daisyui-vue's Issues

Forking the repo: error yarn install.

This is error I get:

yarn install v1.22.19
info No lockfile found.
[1/4] Resolving packages...
error An unexpected error occurred: "https://registry.npmmirror.com/@dv%2fdevelop: [NOT_FOUND] @dv/develop not found".
info If you think this is a bug, please open a bug report with the information provided in "/home/anthony/Projects/daisyui-vue3/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

feature request: provide safelists in tailwind.config

concatenated class names will not be detected by tailwind according to this tailwind's document.
meanwhile tailwind has an safelisting option to keep those classes from being filtered out.

It would be much more convenient to have some pre-defined safelists for users to import.
(I would assume that SSR renderes first page without critical styles will also be fixed with this.)

// safelist
export const button = [
    {
      pattern: /btn-.+/
    }
]

// tailwind.config.js
const { button } =  require('daisyui-vue/config/safelist')

module.exports = {
  safelist: [
     ...button,
  ]
}

Modal in latest version isn't working

https://daief.tech/daisyui-vue/components/modal

version: ^0.0.1-alpha.11

Tabs don't record value

Environment:

• JavaScript
• Vite 3.0.0
• Vue 3.2.37
• Tailwind 3.2.1
• daisyui 2.33.0

This is my code:

    <Tabs v-model="currentTab" type="boxed" size="xs">

      <Tab name="rta" title="Acquire">
      Acquire
      </Tab>
      <Tab name="rts" title="Share">
       RTS
      </Tab>

      <Tab name="rtu" title="Upgrade" />
      <Tab name="rtb" title="Backhaul" />
    </Tabs>
...
export default {
  data () {
    return {
      currentTab: 'rts'
    }
  }
}

The currentTab doesn't change. When follow the sample code:
In script setup:
const currentTab = ref('rts');

<Tabs v-model={[currentTab.value, 'value']}>
I get an error:

The value of currentTab doesn't change:

Select Upgrade:

Help on adding daisyui-vue to astro

Any guidance on how to use it with astro vue integration ?

https://docs.astro.build/en/guides/integrations-guide/vue/

Putting class on TabPanel doesn't work

Putting a class on <TabPanel> doesn't get passed down to the html
so this:
<TabPanel name="1" title="Login" class="rounded-xl m-0">
resutls in this <div class="dv-tab-content">

Adding Icon to button

How to style with tailwind?

I noticed in version 0.0.1-alpha.5 that the tailwind styling from tailwind.config.js would transfer over to this library. Then as of version 0.0.1-alpha.6 styling/themes from tailwind.config.js including daisy themes don't pass over anymore. Is there a way for those themes to pass over?

Thanks!

仓库还会继续更新吗

做的很棒！请问后续还会更新吗？

Volar: Cannot find module 'daisyui-vue' or its corresponding type declarations.

can you add typescript config for nuxt3?

change the name of the prop 'type'

https://stackoverflow.com/questions/2825856/html-button-to-not-submit-form

form>button has to explicitly set type to button to prevent the form from submitting,
but the type keyword is already used for picking variants.

please consider changing the key of the type prop to something else, maybe something like variant

Themeing for components

Greetings I have set up a project so that I have both the regular daisyui css components installed as well as these vue components. i have a theme set in my tailwind.config.js but the issue is that the components from daisyui-vue are not respecting that theme. Is there a way to configure this or to set the theme for daisyui-vue separately? There appears to be a way to set a theme but I could not find documentation on how to do that.