@opendialogai/who-pwa v1.1.0

vue-project

This template should help get you started developing with Vue 2 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Customize configuration

See Vite Configuration Reference.

Project Setup

yarn install

Compile and Hot-Reload for Development

yarn run dev

Compile and Minify for Production

yarn run build

Publishing

Once built, the assets in the /dist directory can be published to NPM (https://www.npmjs.com/package/@opendialogai/who-pwa) to be consumed in the OD application.

To publish, run

npm publish

Local Development

NB - please note, this flow does not seem to work through the docker workspace container, please run locally

If developing locally, you can link the project by running

yarn link

in this project and then

yarn link @opendialog/who-pwa

in the who-app project. This will link the 2 projects together - you should be able to see the symlink in the node_modules directory in who-app.

Now there are 2 watchers to run:

1. From inside this project root, run:

yarn build-watch

This will watch any changes made to components and re-run the vite build process with assets being saved to /dist.

2. From inside the who-app project root, run

yarn watch-dev

This should watch for any changes in the node_modules directory and copy assets into the public/vendor folder.

** NB - since image paths are different for local vite dev, or production built assets, the build command sets a base of vendor/assets. For this to work as expected, all image urls should be imported eg

:src="require('local/path/to/asset')"

This will then be converted to the correct path when built and published