Describe the bug

Since the examples section on the home page uses 3 blocks, one for each screen, there is a conflation of ids, which leads the examples to have the same ids on each block. This particularly affects the Label and the Checkbox examples, causing them to not work properly. As I tested, this issue seems to happen only on small screens.

Reproduction

System Info

-

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Clear and concise description of the problem

https://oku-ui.com/primitives/components/aspect-ratio

example bottom show sponsors

Suggested solution

md files can be made and displayed instead of displaying new components.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

          @emirulucay  Look better to me, be carefull this should adapt to dark mode as well ! 

(added inner shadow what do you think ?)

Originally posted by @unpseudocomplique in #41 (comment)

the colors that we used will change to tailwindcss colors.

oku-ui/pergel#3

• Create a docs area for the project here and write 100% of each step-by-step build in the docs here.

Utilities create folder. collection.md create and document this package. (https://github.com/oku-ui/docs/tree/main/content/primitives)

• Package: https://github.com/oku-ui/primitives/tree/main/packages/core/collection

example:
https://www.radix-ui.com/
https://volta.net/
https://nuxt.studio/

We should code a page like this.

write docs

• switch
• tabs
• radio group
• toggle-group
• tooltip
• toolbar
• slider
• popover
• toast
• dialog
• hovercard

---- radix

• aspect-ratio
• avatar
• checkbox
• collapsible
• label
• popover
• progress
• radio-group
• separator ---------------------
• slider
• switch
• tabs
• toast
• toggle
• toggle-group
• toolbar
• tooltip
• dialog
• hover-card

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): update root (@antfu/eslint-config, @egoist/tailwindcss-icons, @nuxt/devtools, @nuxt/ui, @nuxt/ui-pro, @nuxtjs/fontaine, @types/node, @vueuse/core, @vueuse/nuxt, eslint, eslint-plugin-antfu, lint-staged, nuxt, nuxt-og-image, sass, typescript)
• chore(deps): update pnpm/action-setup action to v4
• chore(deps): update root (major) (@nuxt/ui-pro, eslint)

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• chore(deps): update autofix-ci/action digest to ea32e3a
• chore(deps): update actions/setup-node action to v4

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Write docs

• accordion
• alert-dialog
• scroll-area

Add oku components

• accordion
• alert-dialog
• scroll-area

Add docs figma https://www.figma.com/@oku_ui

Describe the bug

https://twitter.com/oku_ui/status/1660699136612548611

Reproduction

x

System Info

x

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

For Shadcn we first need to change the docs structure. Then we can code the shadcn page. For this, we need to document drivenopen and add pages to the primitives page and leave it in a way that it will still receive content text.

Example docs

pages
 - primitives
   - [...slug].vue
   - index.vue
 - shadcn
   - [...slug].vue
   - index.vue
index.vue
about.vue

We need to establish this structure somehow. Because primitives are just one of our products
It will be better to folder projects with the nuxt 3 layer structure.

So we will have this in our nuxt layer
/oku
/primitives
/shacdn
core -> nuxt config extends [..oku, ...primitives] ....

Clear and concise description of the problem

https://oku-ui.com/primitives/components/aspect-ratio

Suggested solution

npm can enrich with tags and images

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Here I want to change the version. It's like in Radix but I couldn't. How can we print this with nuxt-content.

branch: version

### TODO

• When I click the label, the md content of the latest version should be added automatically. radix check docs
• when i navigate to the versions it should only show the contents of the versions. And router change xxxx..'/label/${version}`
• click version sidebar dont selected problem

in short it should be the same as radix