This repository has been archived by the owner on Aug 22, 2021. It is now read-only.

Creating a new Vaadin component

Clone this repo

 git clone git@github.com:vaadin/vaadin-element-skeleton.git new-element-name

When in the new-component-name folder, replace all vaadin-component and VaadinComponent occurrences with your new element name.

 perl -pi -e 's,vaadin-component,new-component-name,g' *.* test/*/* src/* theme/*/*
 perl -pi -e 's,VaadinComponent,NewComponentName,g' *.* test/*/* src/* theme/*/*

Rename the element

 mv vaadin-component.ts new-component-name.ts
 mv src/vaadin-component.ts src/new-component-name.ts
 mv theme/lumo/vaadin-component.ts theme/lumo/new-component-name.ts
 mv theme/material/vaadin-component.ts theme/material/new-component-name.ts

Check that everything works all right
```
 npm install
 npm start
```

And check that everything works:

http://localhost:3000/

Remove this README file since it is not needed any more.
```
 rm README_CREATE_NEW.md
```
Finally, initialize git so as we have an empty history for our <new-component-name>
```
 rm -rf .git
 git init
 git add * .??*
 git commit -m 'First Commit' -a
```