feat(resolver): add headlessUi resolver #43
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Hi people!
I created a resolver for headlessUi
https://github.com/tailwindlabs/headlessui
The problem with headlessUi is, that its components are not prefixed and therefore a simple regex or startsWith cannot be used to identify them. As you can see the solution for this was having a string array with all component names and checking if the resolved component is included. Having a hardcoded array of names is not an optimal solution.
The headlessUi package exports all the components. A dynamic solution could look something like this:
import * as components from '@headlessui/vue'
const components = Object.keys(components)
The downside to this is, that you have to import the whole package.
I do not know which solution is better, so feedback is welcome.
PS: This is my first contribution to an open source project. Please let me know if I did anything wrong.
Greetings
Yannic