tp-components-vue3

Requirements

Node

• Version: 20.1.0+

pnpm

• Version: 8.12.1+

Installation

• pnpm install CandyDigitalCo/tp-components-vue3

Setup

CSS

Install CSS globally in the application

• import 'tp-components-v3/dist/style.css'

Component

Example import of component from the package

• import { FormButton } from "tp-components-vue3"

Docs

• https://tailwindui.com
• https://pnpm.io
• https://vue-tailwind-datepicker.com

Local development

During development, please use tc- prefix for each class based on tailwind to prevent incompatibility with other app. This solution helps to separate package itself from overriding.

Component library

1. In tp-components vue3

pnpm link --global

2. In tp-storybook-vue3

pnpm link --global tp-components-vue3

3. In tp-storybook-vue3 adjust path in package.json dependency to:

"tp-components-vue3": "file:../temporary/tp-components-vue3/dist",