@@ -53,6 +53,8 @@ You will get a fully working chat application for web and mobile:
53
53
- Google Analytics
54
54
- Support to help you get the chat up and running
55
55
56
+ <br >
57
+
56
58
## Table of Contents
57
59
58
60
- [ Installation] ( #installation )
@@ -62,7 +64,6 @@ You will get a fully working chat application for web and mobile:
62
64
- [ Events API] ( #events-api )
63
65
- [ Named Slots] ( #named-slots )
64
66
- [ Using with Firestore] ( #using-with-firestore )
65
- - [ Use as a Web Component with Vue, React and Angular] ( #use-as-a-web-component-with-vue-react-and-angular )
66
67
67
68
<br >
68
69
@@ -76,7 +77,27 @@ npm install --save vue-advanced-chat
76
77
yarn add vue-advanced-chat
77
78
```
78
79
79
- [ Installation with Vue, React & Angular] ( #use-as-a-web-component-with-vue-react-and-angular )
80
+ ### Vue
81
+
82
+ Register ` vue-advanced-chat ` as a web component in your [ config file] ( https://vuejs.org/guide/extras/web-components.html#example-vite-config ) :
83
+
84
+ ``` javascript
85
+ compilerOptions: {
86
+ isCustomElement : tagName => tagName === ' vue-advanced-chat'
87
+ }
88
+ ```
89
+
90
+ Demo: https://github.com/antoine92190/vue-advanced-chat-sandbox/tree/main
91
+
92
+ ### React
93
+
94
+ Demo: https://github.com/antoine92190/vue-advanced-chat-sandbox/tree/react
95
+
96
+ ### Angular
97
+
98
+ Demo: https://github.com/antoine92190/vue-advanced-chat-sandbox/tree/angular
99
+
100
+ <br >
80
101
81
102
## Usage
82
103
@@ -856,30 +877,6 @@ messages: {
856
877
857
878
<br >
858
879
859
- ## Use as a Web Component with Vue, React and Angular
860
-
861
- ### Vue
862
-
863
- Register ` vue-advanced-chat ` as a web component in your [ config file] ( https://vuejs.org/guide/extras/web-components.html#example-vite-config ) :
864
-
865
- ``` javascript
866
- compilerOptions: {
867
- isCustomElement : tagName => tagName === ' vue-advanced-chat'
868
- }
869
- ```
870
-
871
- Demo repository: https://github.com/antoine92190/vue-advanced-chat-sandbox/tree/main
872
-
873
- ### React
874
-
875
- Demo repository: https://github.com/antoine92190/vue-advanced-chat-sandbox/tree/react
876
-
877
- ### Angular
878
-
879
- Demo repository: https://github.com/antoine92190/vue-advanced-chat-sandbox/tree/angular
880
-
881
- <br >
882
-
883
880
## [ Contributing] ( https://github.com/antoine92190/vue-advanced-chat/blob/master/.github/CONTRIBUTING.md )
884
881
885
882
Your help is always appreciated :rocket :
0 commit comments