8000 Using @nuxthq/ui and docus ? · Issue #939 · nuxtlabs/docus · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Using @nuxthq/ui and docus ? #939

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
arkhaiel opened this issue Jul 8, 2023 · 3 comments
Closed

Using @nuxthq/ui and docus ? #939

arkhaiel opened this issue Jul 8, 2023 · 3 comments

Comments

@arkhaiel
Copy link
Contributor
arkhaiel commented Jul 8, 2023

Hello there,

I tried to install @nuxthq/ui in a fresh docus project, and I can see the whole UI stuff don't have any style applied.
I use @nuxthq/ui a lot these last weeks and I would love to be able to mix up both projects, since they definitely can bring some cool stuf to each other.
Is it something possible ? It doesn't work out of the box, but do you know how this could be done ?

Thanks ! Both projects, and nuxt, and content are such a pleasure to use everyday !!
@larrasu
Copy link
larrasu commented Jul 28, 2023 •
edited
Loading

The only way I can use Nuxt UI on Docus is to create new components.

components/content/Button.vue

<script setup>
defineProps({
    label: { type: String, default: null },
})
</script>

<template>
    <UButton :label="label"/>
</template>

Not the ideal setup, but it's the only way I know how 😅

@arkhaiel
Copy link
Contributor Author

hi @larrasu , thanks for your answer ! The components can be made available globally so it's not a problem to call them from anywhere.
My big issue here is the whole tailwind style is messed up, it looks like there is no style applied at all, so I can see no border, background and text for badges are white, etc...

How do you do to get the styles from UI also applied ?! I feel like I'm close but I don't understand why it doesn't work.

@arkhaiel
Copy link
Contributor Author

The explanation is here : nuxt/ui#584 (comment)
Maybe it won't be possible to fix...

@larbish larbish closed this as completed Jun 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@larbish @arkhaiel @larrasu
0