Skip to content

Commit 4f9062b

Browse files
committed
(docs) move demo links on top
1 parent d3fd304 commit 4f9062b

File tree

1 file changed

+23
-26
lines changed

1 file changed

+23
-26
lines changed

README.md

Lines changed: 23 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,8 @@ You will get a fully working chat application for web and mobile:
5353
- Google Analytics
5454
- Support to help you get the chat up and running
5555

56+
<br>
57+
5658
## Table of Contents
5759

5860
- [Installation](#installation)
@@ -62,7 +64,6 @@ You will get a fully working chat application for web and mobile:
6264
- [Events API](#events-api)
6365
- [Named Slots](#named-slots)
6466
- [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)
6667

6768
<br>
6869

@@ -76,7 +77,27 @@ npm install --save vue-advanced-chat
7677
yarn add vue-advanced-chat
7778
```
7879

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>
80101

81102
## Usage
82103

@@ -856,30 +877,6 @@ messages: {
856877

857878
<br>
858879

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-
883880
## [Contributing](https://github.com/antoine92190/vue-advanced-chat/blob/master/.github/CONTRIBUTING.md)
884881

885882
Your help is always appreciated :rocket:

0 commit comments

Comments
 (0)