Skip to content
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.

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

[Bug]: Copy-paste concept in shadcn-vue does not work as documented #1016

Open
2 tasks
juanjcardona13 opened this issue Jan 24, 2025 · 0 comments
Open
2 tasks
Labels
bug Something isn't working

Comments

@juanjcardona13
Copy link

Reproduction

https://stackblitz.com/edit/github-psyjynvv

Describe the bug

Problem Description

The official shadcn-vue documentation (https://www.shadcn-vue.com/docs/introduction.html) guarantees that components can be easily integrated into a Vue project using the "copy-paste" concept. However, when following the instructions and copying the Button component code, multiple errors occur during implementation, or for example "Sidebar component" don't have copy-paste

This contrasts with the original version (https://ui.shadcn.com/docs), where the copy-paste concept works perfectly and provides a seamless integration experience.

Additionally, the CLI mentioned in the documentation should be optional, as per the documentation's intent. This implies the manual integration process should function without any reliance on the CLI.

Steps to Reproduce

  1. Follow the manual installation instructions for shadcn-vue as provided in the documentation.
  2. Copy the Button component code from the official documentation.
  3. Paste the code into a Vue project.
  4. Observe the errors during the integration.

Expected Behavior

The component should work directly upon copy-pasting into a Vue project without requiring additional steps or reliance on the CLI.

Actual Behavior

  • Multiple errors occur when integrating the component.
  • Missing dependencies or undocumented configurations seem to be required for the component to function properly.

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.20.3 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.2.3 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  Languages:
    Bash: 1.0 - /bin/bash
    Python: 0.2.0 - python: aliased to python3
    Python3: 0.2.0 - /usr/local/bin/python3

Contributes

  • I am willing to submit a PR to fix this issue
  • I am willing to submit a PR with failing tests
@juanjcardona13 juanjcardona13 added the bug Something isn't working label Jan 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant