How could one organize a Vue.js project for further reuse in others?

Question

Vue.js

There is initially some kind of basic project containing components, some basic pages configured with i18n, authorization, the basis for the Vuex store, and so on. I would like this project to be reusable in some way in others, while adding some new functionality. At the same time, I would not want to have to copy this project completely from the base one every time - and then add something even then. Also, with this approach, if there are any changes in the base project, then they will have to be made in all "children".
What is the most correct and beautiful way to solve this problem? Any examples?

Answer 1

1. Split into modules.
2. Use https://github.com/verdaccio/verdaccio or equivalents to create your own "local npm" (you can also use the standard npm, but the functionality of private modules costs $7 per month https://www.npmjs.com/pricing )
3. Publish modules to verdaccio and use them in other projects like regular npm modules.