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: [],
};