Ti-package NPM

TI Package

This is a Frontend package for Tradein UI.

Installation

npm install ti-package

Local Development

Clone the repo
Goto directory
run npm ci
run npm link
goto your project
run npm link ti-package
run your vite server

Debug Note
Check the node_modules/ti-package directory. If you see .gitignore file, your package should linked properly.

And, you can change the files within node_modules/ti-package, which will be updated on this repo locally.
Commit your changes into a branch with the ticket you are working on. eg: WT-xxx-loader-component-added
A merge request is created when branch is created with a ticket number.

Package Usages on new Projects

Install dependencies
use import loadApp from 'ti-package'
use loadApp(AppTemplate, router) to setup

Dependencies

npm install -D tailwindcss postcss autoprefixer vite

Tailwind config

   /** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}", "./node_modules/ti-package/components/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        .....
      },
      fontFamily: {
        sans: ["Avenir", "sans-serif"],
      },
      fontSize: {
        10: "10px",
      },
      container: {
        screens: {
          xl: "1320px",
        },
      },
    },
  },
  plugins: [],
};