Extract vue and react version to seperate packages

[tobiasdiez]

Currently, the vue and react parts are simply exported to dist which makes for rather awkward imports such as

import Tags from "@yaireo/tagify/dist/tagify.vue"
import Tags from "@yaireo/tagify/dist/react.tagify"

Instead, I would propose to create new packages that encapsulate these. So for example, one could have

import { Tags } from "@yaireo/vue-tagify"
import { Tags } from "@yaireo/react-tagify"

Also has the advantage that one could properly declare dependencies (e.g. currently one has prop-types as peer dependency, but this is react-specific). (You don't have to split the repository, one common mono-repo approach is to have a packages folder, with each package being a subfolder there, i.e. packages/vue, packages/react and packages/core.)

This was triggered by DefinitelyTyped/DefinitelyTyped#62368 (comment)

[yairEO]

Good suggestion!
I don't even know how to start such a thing. Is there a good article for such a basic setup?

[tobiasdiez]

I have to admit that I don't have any experience with this myself. But based on what I've seen, you can start with yarn workspaces and setup publishing etc yourself. Or use build tools such as https://lerna.js.org/ which add additional convenience on top of workspaces.

[yairEO]

Yarn is very old and lerna is also very old, I used to work with them many years ago.

Today I work with pnpm and for monorepo you have turborepo. Lerna is very old and nothing something anyone is using for years now..