Doorson Docs

Appearance

md-npm ​

Shared Vue component library used by both md-cloud-portal and md-my-door.

Stack ​

  • Framework: Vue 3.5 + Vite
  • UI: Quasar 2.18 components
  • State: Pinia
  • Testing: Cypress (component + E2E)
  • Output: UMD (doorson-npm.umd.cjs) + ES module (doorson-npm.js)

What It Provides ​

Components ​

  • DSTabs, DSBreadcrumbs, DSStepper
  • DSButton variants
  • Form components: DSInput, DSSelect, DSCheckbox, DSMultiselect, DSSearchField

Other ​

  • Pinia store (DS store)
  • Shared utilities

Project Structure ​

src/
  components/    # reusable Vue components
  stores/        # Pinia stores
  main.js        # library entry point
cypress/         # component + E2E tests
vite.config.js

Building ​

bash
npm install
npm run build     # outputs to dist/
npm pack          # creates doorson-npm-1.0.1.tgz

Usage ​

Consumed as a file dependency in package.json:

json
{
  "dependencies": {
    "doorson-npm": "file:../md-npm/doorson-npm-1.0.1.tgz"
  }
}