diff --git a/geografia-vue/README.md b/geografia-vue/README.md
deleted file mode 100644
index d57042e..0000000
--- a/geografia-vue/README.md
+++ /dev/null
@@ -1,48 +0,0 @@
-# geografia_vue
-
-This template should help get you started developing with Vue 3 in Vite.
-
-## Recommended IDE Setup
-
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vitejs.dev/config/).
-
-## Project Setup
-
-```sh
-npm install
-```
-
-### Compile and Hot-Reload for Development
-
-```sh
-npm run dev
-```
-
-### Compile and Minify for Production
-
-```sh
-npm run build
-```
-
-### Run Unit Tests with [Vitest](https://vitest.dev/)
-
-```sh
-npm run test:unit
-```
-
-### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
-
-```sh
-npm run build
-npm run test:e2e # or `npm run test:e2e:ci` for headless testing
-```
-
-### Lint with [ESLint](https://eslint.org/)
-
-```sh
-npm run lint
-```
diff --git a/geografia-vue/src/assets/demo_chats.json b/geografia-vue/src/assets/demo_chats.json
new file mode 100644
index 0000000..ddff6c0
--- /dev/null
+++ b/geografia-vue/src/assets/demo_chats.json
@@ -0,0 +1,58 @@
+{
+ "history": [
+ {
+ "id": 1,
+ "name": "test-name1",
+ "last_message": "馃惐鉀革笍鉃★笍?",
+ "seen": false,
+ "date": "25/08/22",
+ "new_messages": 1,
+ "is_user": false
+ },
+ {
+ "id": 2,
+ "name": "test-name2",
+ "last_message": "馃惐鉀革笍鉃★笍?",
+ "seen": false,
+ "date": "25/08/22",
+ "new_messages": 1,
+ "is_user": true
+ },
+ {
+ "id": 3,
+ "name": "test-name3",
+ "last_message": "馃惐鉀革笍鉃★笍?",
+ "seen": false,
+ "date": "25/08/22",
+ "new_messages": 1,
+ "is_user": false
+ },
+ {
+ "id": 4,
+ "name": "test-name4",
+ "last_message": "馃惐鉀革笍鉃★笍?",
+ "seen": false,
+ "date": "25/08/22",
+ "new_messages": 1,
+ "is_user": true
+ },
+ {
+ "id": 5,
+ "name": "test-name5",
+ "last_message": "馃惐鉀革笍鉃★笍?",
+ "seen": false,
+ "date": "25/08/22",
+ "new_messages": 1,
+ "is_user": false
+ },
+ {
+ "id": 6,
+ "name": "test-name6",
+ "last_message": "馃惐鉀革笍鉃★笍?",
+ "seen": false,
+ "date": "25/08/22",
+ "new_messages": 1,
+ "is_user": true
+ }
+ ]
+}
diff --git a/geografia-vue/src/components/ChatHistory.vue b/geografia-vue/src/components/ChatHistory.vue
index 19c2246..215ec64 100644
--- a/geografia-vue/src/components/ChatHistory.vue
+++ b/geografia-vue/src/components/ChatHistory.vue
@@ -6,7 +6,7 @@
diff --git a/geografia-vue/src/components/ChatList.vue b/geografia-vue/src/components/ChatList.vue
index 78a634c..6f644ab 100644
--- a/geografia-vue/src/components/ChatList.vue
+++ b/geografia-vue/src/components/ChatList.vue
@@ -5,40 +5,22 @@ import ChatMsg from "@/components/ChatMsg.vue";
{{ msgText }} {{ messageText }}
{{ chatLastMsg }}
+