@@ -15,7 +15,7 @@ Run below command inside the working folder
1515npx degit tal1992/svelte-webcomponents
1616
1717```
18- ## Usage
18+ ## Installation and build 📌
1919
2020``` bash
2121📦 npm install
@@ -24,13 +24,13 @@ npx degit tal1992/svelte-webcomponents
2424🔨 production mode -> npm run build
2525```
2626
27- ## Using web-components in HTML
27+ ## Using web-components in HTML 📌
2828
2929``` html
3030 <component-name propOne =" Lorem" propTwo =" Ipsum" ></component-name >
3131```
3232
33- ## Using web-components as a widget
33+ ## Using web-components as a widget 📌
3434
3535``` javascript
3636function addScript (src ) {
@@ -53,7 +53,7 @@ Now that your bundle.js file is included in the html , we can use the web compon
5353 header .parentNode .replaceChild (foo, header);
5454```
5555
56- ## Nested Custom Elements
56+ ## Nested Custom Elements 📌
5757
5858#### Register your custom-element inside App.svelte
5959
@@ -76,7 +76,7 @@ Now that your bundle.js file is included in the html , we can use the web compon
7676
7777```
7878
79- ## Writing SCSS inside svelte
79+ ## Writing SCSS inside svelte 📌
8080
8181#### This template comes with in-built support for scss.
8282
@@ -89,28 +89,28 @@ Now that your bundle.js file is included in the html , we can use the web compon
8989</style>
9090```
9191
92- ## Test cases
92+ ## Test cases 📌
9393Write test cases inside __ tests __ folder
9494
9595``` bash
9696npm run test
9797```
9898
99- ## ESLINT
99+ ## ESLINT 📌
100100
101101
102102``` bash
103103npm run lintjs
104104```
105105
106- ## Style lint
106+ ## Style lint 📌
107107
108108
109109``` bash
110110npm run lintcss
111111```
112112
113- ### Event propagation from Shadow DOM to Real DOM
113+ ### Event propagation from Shadow DOM to Real DOM 📌
114114
115115Foo.svelte (web component)
116116``` svelte
0 commit comments