A few months ago, I was working on an application that required me to have a custom select to show things in a certain way. To be explicit, I needed to show the select drop-down this way: "firstName LastName | staffId"
I wanted to use a package for this as it had to be implemented in an application I was building. So I surfed the internet, search engines, etc to get a package to help with this but no package offered such feature. This put me in a dilemma on how best to proceed, after few hours of deliberation, I concluded I had to build the select component myself.
I knew this was going to be tough, but I was prepared. After all, programming is all about problem-solving.
I successfully built the custom select component, it worked fine after I perfected it. This took me about two weeks to build and perfect, as this was a side project I was building.
After perfecting the custom component, I thought, "What if I share this component as a Vue package with the community?"
So I created a new NPM project which is actually my first package and named it vue3-search-select.
Kindly see the package here
A lightweight and versatile Vue search and select package allowing for efficient searching, selection, and modification of items. Latest version: 1.0.10, last published: 2 months ago. Start using vue3-search-select in your project by running `npm i vue3-search-select`. There are no other projects in the npm registry using vue3-search-select.
The lessons I learned from building this package are
This is my experience building the vue3-search-select package. I hope anyone thinking of building something for the community will take this as an inspiration.
Happy coding!
The above is the detailed content of What I learned building vueearch-select package. For more information, please follow other related articles on the PHP Chinese website!