sql-components

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Create sql components

Create the new sql component in components/sqlComponents folder

1. Create new component folder
2. Create:
	2.1. Component
	2.2. Demo
3. Include component in index.js

Publish library manually

1. Build a new library version by executing: $npx vue-cli-service build --target lib --name sqlComponents src/components/sqlComponents/index.js
2. Go to the generated dist folder. Include a package.json file(use package.json.lib and upgrade version depending on changes).
3. Log in npm $npm login (user: salesql)
4. Publish the package $npm publish --access=public
5. Wait a few minutes and the package will be published on: https://www.npmjs.com/package/@salesql/sql_components

Publish library bitbucket pipeline

1. Create a PR against master.
2. Ones is merged, go to https://bitbucket.org/salesql/salesql-components-library/addon/pipelines/home.
3. Run pipeline:
	- Branch: Master
	- Pipeline:
		-- Major (Add functionality in a not backwards-compatible manner)
		-- Minor (Add component or add functionality in a backwards-compatible manner)
		-- Patch (Backwards-compatible bug fixes)

4. Run, the pipeline will be shown in the screen.
5. Wait a few minutes and the package will be published on: https://www.npmjs.com/package/@salesql/sql_components

Use sql components

1. Install dependency: npm i @salesql/sql_components
2. Import styles and component wherever you want to use it:
	2.1. import '@salesql/sql_components/sqlComponents.css';
	2.2 import { SqlButton } from '@salesql/sql_components';

References:

https://www.paradigmadigital.com/dev/como-crear-libreria-componentes-vuejs/ https://medium.com/justfrontendthings/how-to-create-and-publish-your-own-vuejs-component-library-on-npm-using-vue-cli-28e60943eed3