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

vue3-search-select - npm

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.

npmjs.com

The lessons I learned from building this package are

• In programming anything is possible.
• Belief, never-say-die spirit, and dedication are important to doing anything significant.
• Building a package will significantly improve your programming skills and showcase what you are capable of.
• Last, but not least, the community has helped you grow one way or another, so why not give back to the community.

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!