ulissesferreira / moon Goto Github PK

My question is here
https://stackoverflow.com/questions/69653227/how-to-create-a-universal-component-library-for-vue-2-vue-3

Currently waiting for vitejs/vite#1955

See #2. The approach should be similar

Using something like this:
https://codepen.io/developit/pen/wvJKGqx?editors=1100

We can make the HTML markup even lighter

First of all thank you for your dev.to blog article since it helped me a lot to build something similar! I was wondering how I can Import the whole library since I get the following error when I am doing:

import Moon from "@ulissesferreira/moon";

Uncaught SyntaxError: The requested module '/@fs/Users/raik/Documents/GitHubtest-tool/node_modules/.vite/@ulissesferreira_moon.js?v=405e62b1' does not provide an export named 'default'

I really like the library and I wanted to contribute to the library to add the select and card components so if a contributing guide could be added it would be good practice

It appears that this package doesn't export the dist directory or styles file specifically, which consuming projects need to have the components appear correctly.

It is possible to work around like so:

import '../node_modules/@ulissesferreira/moon/dist/style.css';

but is not ideal to do so.

Our first version should have the most common custom build components for a web app. We want to prioritize components whose native implementation lacks common customization and that need a ton of work to make correctly. I believe this list should be enough:

• Button
• Card
• Checkbox
• Link
• Modal
• ProgressBar
• Radio
• Select
• Sidebar
• Switch
• Textarea
• Text Input
• Tooltip