@ohsu-itg-risx/common v0.0.7

Constructed from LinusBorg's Starter Profile: https://github.com/LinusBorg/create-vue-ts-eslint-airbnb-example

After startup, need to enable Volar's "Takeover Mode" and disable built-in typescript extension:

• Run Extensions: Show Built-in Extensions from VSCode's command palette
• Find TypeScript and JavaScript Language Features, right click and select Disable (Workspace)
• Reload the VSCode window by running Developer: Reload Window from the command palette.

Sample UI Libraries:

• https://github.com/iSPA-io/ispa-element/blob/main/packages/badge/src/index.vue ** Uses Vue 3 and Tailwind, applys CSS classes in interesting way.
• https://github.com/quatrochan/Equal
• https://www.vue-tailwind.com/docs
• https://github.com/varletjs/varlet/tree/dev/packages/varlet-ui
• https://github.com/oruga-ui/oruga/tree/develop/packages/oruga-next
• https://levelup.gitconnected.com/using-vite-to-publish-a-vue-component-to-npm-7043a56cfa00

typescript libraries referenced:

• https://github.com/sethidden/vue-tsc-component-library-example - this one worked
• https://jivancic.com/posts/build-a-component-library.html#typescript-declarations
• https://github.com/josip2312/typescript-lib-vite/blob/master/src/components/MyButton.vue

Steps for making a component:

• Make sure any props that are suppose to be dynamic are (e.g. if you change the size prop dynamically, make sure refs are set up to auto-adjust on the fly)