From 40afcd9277d06e2f243af2c9ba99570fca41a21f Mon Sep 17 00:00:00 2001
From: reddigriz <reddigriz@protonmail.ch>
Date: Wed, 31 Aug 2022 16:41:27 +0200
Subject: [PATCH] Scritto codice ChatList e ChatPreview

---
 geografia-vue/package-lock.json              | 380 ++++++++++---------
 geografia-vue/public/img/cat_skate.jpeg      | Bin 0 -> 6598 bytes
 geografia-vue/src/App.vue                    |  90 +----
 geografia-vue/src/components/ChatList.vue    |  39 ++
 geografia-vue/src/components/ChatPreview.vue |  36 +-
 geografia-vue/src/components/Main.vue        |  15 -
 geografia-vue/src/main.js                    |   2 -
 geografia-vue/src/router/index.js            |  23 --
 geografia-vue/src/views/AboutView.vue        |  15 -
 geografia-vue/src/views/HomeView.vue         |   4 +-
 10 files changed, 270 insertions(+), 334 deletions(-)
 create mode 100644 geografia-vue/public/img/cat_skate.jpeg
 create mode 100644 geografia-vue/src/components/ChatList.vue
 delete mode 100644 geografia-vue/src/components/Main.vue
 delete mode 100644 geografia-vue/src/router/index.js
 delete mode 100644 geografia-vue/src/views/AboutView.vue

diff --git a/geografia-vue/package-lock.json b/geografia-vue/package-lock.json
index ccee5b6..8b94e35 100644
--- a/geografia-vue/package-lock.json
+++ b/geografia-vue/package-lock.json
@@ -559,14 +559,14 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.0.tgz",
-      "integrity": "sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.1.tgz",
+      "integrity": "sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
-        "espree": "^9.3.2",
+        "espree": "^9.4.0",
         "globals": "^13.15.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
@@ -576,6 +576,9 @@
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
@@ -644,6 +647,19 @@
         "url": "https://github.com/sponsors/nzakas"
       }
     },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
     "node_modules/@humanwhocodes/object-schema": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
@@ -867,36 +883,36 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
-      "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.38.tgz",
+      "integrity": "sha512-/FsvnSu7Z+lkd/8KXMa4yYNUiqQrI22135gfsQYVGuh5tqEgOB0XqrUdb/KnCLa5+TmQLPwvyUnKMyCpu+SX3Q==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.37",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "source-map": "^0.6.1"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
-      "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.38.tgz",
+      "integrity": "sha512-zqX4FgUbw56kzHlgYuEEJR8mefFiiyR3u96498+zWPsLeh1WKvgIReoNE+U7gG8bCUdvsrJ0JRmev0Ky6n2O0g==",
       "dependencies": {
-        "@vue/compiler-core": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-core": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz",
-      "integrity": "sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.38.tgz",
+      "integrity": "sha512-KZjrW32KloMYtTcHAFuw3CqsyWc5X6seb8KbkANSWt3Cz9p2qA8c1GJpSkksFP9ABb6an0FLCFl46ZFXx3kKpg==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.37",
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/compiler-ssr": "3.2.37",
-        "@vue/reactivity-transform": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/compiler-core": "3.2.38",
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/compiler-ssr": "3.2.38",
+        "@vue/reactivity-transform": "3.2.38",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7",
         "postcss": "^8.1.10",
@@ -904,12 +920,12 @@
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
-      "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.38.tgz",
+      "integrity": "sha512-bm9jOeyv1H3UskNm4S6IfueKjUNFmi2kRweFIGnqaGkkRePjwEcfCVqyS3roe7HvF4ugsEkhf4+kIvDhip6XzQ==",
       "dependencies": {
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "node_modules/@vue/devtools-api": {
@@ -932,60 +948,60 @@
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
-      "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.38.tgz",
+      "integrity": "sha512-6L4myYcH9HG2M25co7/BSo0skKFHpAN8PhkNPM4xRVkyGl1K5M3Jx4rp5bsYhvYze2K4+l+pioN4e6ZwFLUVtw==",
       "dependencies": {
-        "@vue/shared": "3.2.37"
+        "@vue/shared": "3.2.38"
       }
     },
     "node_modules/@vue/reactivity-transform": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
-      "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.38.tgz",
+      "integrity": "sha512-3SD3Jmi1yXrDwiNJqQ6fs1x61WsDLqVk4NyKVz78mkaIRh6d3IqtRnptgRfXn+Fzf+m6B1KxBYWq1APj6h4qeA==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/compiler-core": "3.2.38",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
-      "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.38.tgz",
+      "integrity": "sha512-kk0qiSiXUU/IKxZw31824rxmFzrLr3TL6ZcbrxWTKivadoKupdlzbQM4SlGo4MU6Zzrqv4fzyUasTU1jDoEnzg==",
       "dependencies": {
-        "@vue/reactivity": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/reactivity": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
-      "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.38.tgz",
+      "integrity": "sha512-4PKAb/ck2TjxdMSzMsnHViOrrwpudk4/A56uZjhzvusoEU9xqa5dygksbzYepdZeB5NqtRw5fRhWIiQlRVK45A==",
       "dependencies": {
-        "@vue/runtime-core": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/runtime-core": "3.2.38",
+        "@vue/shared": "3.2.38",
         "csstype": "^2.6.8"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.37.tgz",
-      "integrity": "sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.38.tgz",
+      "integrity": "sha512-pg+JanpbOZ5kEfOZzO2bt02YHd+ELhYP8zPeLU1H0e7lg079NtuuSB8fjLdn58c4Ou8UQ6C1/P+528nXnLPAhA==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-ssr": "3.2.38",
+        "@vue/shared": "3.2.38"
       },
       "peerDependencies": {
-        "vue": "3.2.37"
+        "vue": "3.2.38"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
-      "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.38.tgz",
+      "integrity": "sha512-dTyhTIRmGXBjxJE+skC8tTWCGLCVc4wQgRRLt8+O9p5ewBAjoBwtCAkLPrtToSr1xltoe3st21Pv953aOZ7alg=="
     },
     "node_modules/@vue/test-utils": {
       "version": "2.0.2",
@@ -1429,9 +1445,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001383",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001383.tgz",
-      "integrity": "sha512-swMpEoTp5vDoGBZsYZX7L7nXHe6dsHxi9o6/LKf/f0LukVtnrxly5GVb/fWdCDTqi/yw6Km6tiJ0pmBacm0gbg==",
+      "version": "1.0.30001387",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001387.tgz",
+      "integrity": "sha512-fKDH0F1KOJvR+mWSOvhj8lVRr/Q/mc5u5nabU2vi1/sgvlSqEsE8dOq0Hy/BqVbDkCYQPRRHB1WRjW6PGB/7PA==",
       "dev": true,
       "funding": [
         {
@@ -1686,9 +1702,9 @@
       "integrity": "sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA=="
     },
     "node_modules/cypress": {
-      "version": "10.6.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-10.6.0.tgz",
-      "integrity": "sha512-6sOpHjostp8gcLO34p6r/Ci342lBs8S5z9/eb3ZCQ22w2cIhMWGUoGKkosabPBfKcvRS9BE4UxybBtlIs8gTQA==",
+      "version": "10.7.0",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-10.7.0.tgz",
+      "integrity": "sha512-gTFvjrUoBnqPPOu9Vl5SBHuFlzx/Wxg/ZXIz2H4lzoOLFelKeF7mbwYUOzgzgF0oieU2WhJAestQdkgwJMMTvQ==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
@@ -1977,9 +1993,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.230",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.230.tgz",
-      "integrity": "sha512-3pwjAK0qHSDN9+YAF4fJknsSruP7mpjdWzUSruIJD/JCH77pEh0SorEyb3xVaKkfwk2tzjOt2D8scJ0KAdfXLA==",
+      "version": "1.4.237",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.237.tgz",
+      "integrity": "sha512-vxVyGJcsgArNOVUJcXm+7iY3PJAfmSapEszQD1HbyPLl0qoCmNQ1o/EX3RI7Et5/88In9oLxX3SGF8J3orkUgA==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -2469,14 +2485,15 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.22.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.22.0.tgz",
-      "integrity": "sha512-ci4t0sz6vSRKdmkOGmprBo6fmI4PrphDFMy5JEq/fNS0gQkJM3rLmrqcp8ipMcdobH3KtUP40KniAE9W19S4wA==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.23.0.tgz",
+      "integrity": "sha512-pBG/XOn0MsJcKcTRLr27S5HpzQo4kLr+HjLQIyK4EiCsijDl/TB+h5uEuJU6bQ8Edvwz1XWOjpaP2qgnXGpTcA==",
       "dev": true,
       "dependencies": {
-        "@eslint/eslintrc": "^1.3.0",
+        "@eslint/eslintrc": "^1.3.1",
         "@humanwhocodes/config-array": "^0.10.4",
         "@humanwhocodes/gitignore-to-minimatch": "^1.0.2",
+        "@humanwhocodes/module-importer": "^1.0.1",
         "ajv": "^6.10.0",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
@@ -2486,7 +2503,7 @@
         "eslint-scope": "^7.1.1",
         "eslint-utils": "^3.0.0",
         "eslint-visitor-keys": "^3.3.0",
-        "espree": "^9.3.3",
+        "espree": "^9.4.0",
         "esquery": "^1.4.0",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
@@ -2511,8 +2528,7 @@
         "regexpp": "^3.2.0",
         "strip-ansi": "^6.0.1",
         "strip-json-comments": "^3.1.0",
-        "text-table": "^0.2.0",
-        "v8-compile-cache": "^2.0.3"
+        "text-table": "^0.2.0"
       },
       "bin": {
         "eslint": "bin/eslint.js"
@@ -2764,9 +2780,9 @@
       }
     },
     "node_modules/espree": {
-      "version": "9.3.3",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.3.3.tgz",
-      "integrity": "sha512-ORs1Rt/uQTqUKjDdGCyrtYxbazf5umATSf/K4qxjmZHORR6HJk+2s/2Pqe+Kk49HHINC/xNIrGfgh8sZcll0ng==",
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.0.tgz",
+      "integrity": "sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==",
       "dev": true,
       "dependencies": {
         "acorn": "^8.8.0",
@@ -4484,9 +4500,9 @@
       }
     },
     "node_modules/pinia": {
-      "version": "2.0.20",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.20.tgz",
-      "integrity": "sha512-fdHHumXW/0U5HhxmY1emo3I4z85p8NJPdbtFQSlmJXFe3ktuF0pYNVgVtk2q+j2zCtTufY763xzaEMx0t6T59g==",
+      "version": "2.0.21",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.21.tgz",
+      "integrity": "sha512-6ol04PtL29O0Z6JHI47O3JUSoyOJ7Og0rstXrHVMZSP4zAldsQBXJCNF0i/H7m8vp/Hjd/CSmuPl7C5QAwpeWQ==",
       "dependencies": {
         "@vue/devtools-api": "^6.2.1",
         "vue-demi": "*"
@@ -5421,12 +5437,6 @@
         "uuid": "dist/bin/uuid"
       }
     },
-    "node_modules/v8-compile-cache": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
-      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
-      "dev": true
-    },
     "node_modules/verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
@@ -5537,15 +5547,15 @@
       }
     },
     "node_modules/vue": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
-      "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.38.tgz",
+      "integrity": "sha512-hHrScEFSmDAWL0cwO4B6WO7D3sALZPbfuThDsGBebthrNlDxdJZpGR3WB87VbjpPh96mep1+KzukYEhpHDFa8Q==",
       "dependencies": {
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/compiler-sfc": "3.2.37",
-        "@vue/runtime-dom": "3.2.37",
-        "@vue/server-renderer": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/compiler-sfc": "3.2.38",
+        "@vue/runtime-dom": "3.2.38",
+        "@vue/server-renderer": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "node_modules/vue-eslint-parser": {
@@ -5588,9 +5598,9 @@
       }
     },
     "node_modules/vue-router": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.4.tgz",
-      "integrity": "sha512-UgYen33gOtwT3cOG1+yRen+Brk9py8CSlC9LEa3UjvKZ4EAoSo8NjZPDeDnmNerfazorHIJG1NC7qdi1SuQJnQ==",
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.5.tgz",
+      "integrity": "sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==",
       "dependencies": {
         "@vue/devtools-api": "^6.1.4"
       },
@@ -6228,14 +6238,14 @@
       "optional": true
     },
     "@eslint/eslintrc": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.0.tgz",
-      "integrity": "sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.1.tgz",
+      "integrity": "sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==",
       "dev": true,
       "requires": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
-        "espree": "^9.3.2",
+        "espree": "^9.4.0",
         "globals": "^13.15.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
@@ -6293,6 +6303,12 @@
       "integrity": "sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==",
       "dev": true
     },
+    "@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true
+    },
     "@humanwhocodes/object-schema": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
@@ -6482,36 +6498,36 @@
       }
     },
     "@vue/compiler-core": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
-      "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.38.tgz",
+      "integrity": "sha512-/FsvnSu7Z+lkd/8KXMa4yYNUiqQrI22135gfsQYVGuh5tqEgOB0XqrUdb/KnCLa5+TmQLPwvyUnKMyCpu+SX3Q==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.37",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "source-map": "^0.6.1"
       }
     },
     "@vue/compiler-dom": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
-      "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.38.tgz",
+      "integrity": "sha512-zqX4FgUbw56kzHlgYuEEJR8mefFiiyR3u96498+zWPsLeh1WKvgIReoNE+U7gG8bCUdvsrJ0JRmev0Ky6n2O0g==",
       "requires": {
-        "@vue/compiler-core": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-core": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "@vue/compiler-sfc": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz",
-      "integrity": "sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.38.tgz",
+      "integrity": "sha512-KZjrW32KloMYtTcHAFuw3CqsyWc5X6seb8KbkANSWt3Cz9p2qA8c1GJpSkksFP9ABb6an0FLCFl46ZFXx3kKpg==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.37",
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/compiler-ssr": "3.2.37",
-        "@vue/reactivity-transform": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/compiler-core": "3.2.38",
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/compiler-ssr": "3.2.38",
+        "@vue/reactivity-transform": "3.2.38",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7",
         "postcss": "^8.1.10",
@@ -6519,12 +6535,12 @@
       }
     },
     "@vue/compiler-ssr": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
-      "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.38.tgz",
+      "integrity": "sha512-bm9jOeyv1H3UskNm4S6IfueKjUNFmi2kRweFIGnqaGkkRePjwEcfCVqyS3roe7HvF4ugsEkhf4+kIvDhip6XzQ==",
       "requires": {
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "@vue/devtools-api": {
@@ -6543,57 +6559,57 @@
       }
     },
     "@vue/reactivity": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
-      "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.38.tgz",
+      "integrity": "sha512-6L4myYcH9HG2M25co7/BSo0skKFHpAN8PhkNPM4xRVkyGl1K5M3Jx4rp5bsYhvYze2K4+l+pioN4e6ZwFLUVtw==",
       "requires": {
-        "@vue/shared": "3.2.37"
+        "@vue/shared": "3.2.38"
       }
     },
     "@vue/reactivity-transform": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
-      "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.38.tgz",
+      "integrity": "sha512-3SD3Jmi1yXrDwiNJqQ6fs1x61WsDLqVk4NyKVz78mkaIRh6d3IqtRnptgRfXn+Fzf+m6B1KxBYWq1APj6h4qeA==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/compiler-core": "3.2.38",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7"
       }
     },
     "@vue/runtime-core": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
-      "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.38.tgz",
+      "integrity": "sha512-kk0qiSiXUU/IKxZw31824rxmFzrLr3TL6ZcbrxWTKivadoKupdlzbQM4SlGo4MU6Zzrqv4fzyUasTU1jDoEnzg==",
       "requires": {
-        "@vue/reactivity": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/reactivity": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "@vue/runtime-dom": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
-      "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.38.tgz",
+      "integrity": "sha512-4PKAb/ck2TjxdMSzMsnHViOrrwpudk4/A56uZjhzvusoEU9xqa5dygksbzYepdZeB5NqtRw5fRhWIiQlRVK45A==",
       "requires": {
-        "@vue/runtime-core": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/runtime-core": "3.2.38",
+        "@vue/shared": "3.2.38",
         "csstype": "^2.6.8"
       }
     },
     "@vue/server-renderer": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.37.tgz",
-      "integrity": "sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.38.tgz",
+      "integrity": "sha512-pg+JanpbOZ5kEfOZzO2bt02YHd+ELhYP8zPeLU1H0e7lg079NtuuSB8fjLdn58c4Ou8UQ6C1/P+528nXnLPAhA==",
       "requires": {
-        "@vue/compiler-ssr": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-ssr": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "@vue/shared": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
-      "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.38.tgz",
+      "integrity": "sha512-dTyhTIRmGXBjxJE+skC8tTWCGLCVc4wQgRRLt8+O9p5ewBAjoBwtCAkLPrtToSr1xltoe3st21Pv953aOZ7alg=="
     },
     "@vue/test-utils": {
       "version": "2.0.2",
@@ -6901,9 +6917,9 @@
       "dev": true
     },
     "caniuse-lite": {
-      "version": "1.0.30001383",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001383.tgz",
-      "integrity": "sha512-swMpEoTp5vDoGBZsYZX7L7nXHe6dsHxi9o6/LKf/f0LukVtnrxly5GVb/fWdCDTqi/yw6Km6tiJ0pmBacm0gbg==",
+      "version": "1.0.30001387",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001387.tgz",
+      "integrity": "sha512-fKDH0F1KOJvR+mWSOvhj8lVRr/Q/mc5u5nabU2vi1/sgvlSqEsE8dOq0Hy/BqVbDkCYQPRRHB1WRjW6PGB/7PA==",
       "dev": true
     },
     "caseless": {
@@ -7100,9 +7116,9 @@
       "integrity": "sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA=="
     },
     "cypress": {
-      "version": "10.6.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-10.6.0.tgz",
-      "integrity": "sha512-6sOpHjostp8gcLO34p6r/Ci342lBs8S5z9/eb3ZCQ22w2cIhMWGUoGKkosabPBfKcvRS9BE4UxybBtlIs8gTQA==",
+      "version": "10.7.0",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-10.7.0.tgz",
+      "integrity": "sha512-gTFvjrUoBnqPPOu9Vl5SBHuFlzx/Wxg/ZXIz2H4lzoOLFelKeF7mbwYUOzgzgF0oieU2WhJAestQdkgwJMMTvQ==",
       "dev": true,
       "requires": {
         "@cypress/request": "^2.88.10",
@@ -7326,9 +7342,9 @@
       }
     },
     "electron-to-chromium": {
-      "version": "1.4.230",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.230.tgz",
-      "integrity": "sha512-3pwjAK0qHSDN9+YAF4fJknsSruP7mpjdWzUSruIJD/JCH77pEh0SorEyb3xVaKkfwk2tzjOt2D8scJ0KAdfXLA==",
+      "version": "1.4.237",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.237.tgz",
+      "integrity": "sha512-vxVyGJcsgArNOVUJcXm+7iY3PJAfmSapEszQD1HbyPLl0qoCmNQ1o/EX3RI7Et5/88In9oLxX3SGF8J3orkUgA==",
       "dev": true
     },
     "emoji-regex": {
@@ -7597,14 +7613,15 @@
       }
     },
     "eslint": {
-      "version": "8.22.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.22.0.tgz",
-      "integrity": "sha512-ci4t0sz6vSRKdmkOGmprBo6fmI4PrphDFMy5JEq/fNS0gQkJM3rLmrqcp8ipMcdobH3KtUP40KniAE9W19S4wA==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.23.0.tgz",
+      "integrity": "sha512-pBG/XOn0MsJcKcTRLr27S5HpzQo4kLr+HjLQIyK4EiCsijDl/TB+h5uEuJU6bQ8Edvwz1XWOjpaP2qgnXGpTcA==",
       "dev": true,
       "requires": {
-        "@eslint/eslintrc": "^1.3.0",
+        "@eslint/eslintrc": "^1.3.1",
         "@humanwhocodes/config-array": "^0.10.4",
         "@humanwhocodes/gitignore-to-minimatch": "^1.0.2",
+        "@humanwhocodes/module-importer": "^1.0.1",
         "ajv": "^6.10.0",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.2",
@@ -7614,7 +7631,7 @@
         "eslint-scope": "^7.1.1",
         "eslint-utils": "^3.0.0",
         "eslint-visitor-keys": "^3.3.0",
-        "espree": "^9.3.3",
+        "espree": "^9.4.0",
         "esquery": "^1.4.0",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
@@ -7639,8 +7656,7 @@
         "regexpp": "^3.2.0",
         "strip-ansi": "^6.0.1",
         "strip-json-comments": "^3.1.0",
-        "text-table": "^0.2.0",
-        "v8-compile-cache": "^2.0.3"
+        "text-table": "^0.2.0"
       },
       "dependencies": {
         "ansi-styles": {
@@ -7800,9 +7816,9 @@
       "dev": true
     },
     "espree": {
-      "version": "9.3.3",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.3.3.tgz",
-      "integrity": "sha512-ORs1Rt/uQTqUKjDdGCyrtYxbazf5umATSf/K4qxjmZHORR6HJk+2s/2Pqe+Kk49HHINC/xNIrGfgh8sZcll0ng==",
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.4.0.tgz",
+      "integrity": "sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==",
       "dev": true,
       "requires": {
         "acorn": "^8.8.0",
@@ -9079,9 +9095,9 @@
       "dev": true
     },
     "pinia": {
-      "version": "2.0.20",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.20.tgz",
-      "integrity": "sha512-fdHHumXW/0U5HhxmY1emo3I4z85p8NJPdbtFQSlmJXFe3ktuF0pYNVgVtk2q+j2zCtTufY763xzaEMx0t6T59g==",
+      "version": "2.0.21",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.21.tgz",
+      "integrity": "sha512-6ol04PtL29O0Z6JHI47O3JUSoyOJ7Og0rstXrHVMZSP4zAldsQBXJCNF0i/H7m8vp/Hjd/CSmuPl7C5QAwpeWQ==",
       "requires": {
         "@vue/devtools-api": "^6.2.1",
         "vue-demi": "*"
@@ -9716,12 +9732,6 @@
       "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
       "dev": true
     },
-    "v8-compile-cache": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
-      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
-      "dev": true
-    },
     "verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
@@ -9764,15 +9774,15 @@
       }
     },
     "vue": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
-      "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.38.tgz",
+      "integrity": "sha512-hHrScEFSmDAWL0cwO4B6WO7D3sALZPbfuThDsGBebthrNlDxdJZpGR3WB87VbjpPh96mep1+KzukYEhpHDFa8Q==",
       "requires": {
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/compiler-sfc": "3.2.37",
-        "@vue/runtime-dom": "3.2.37",
-        "@vue/server-renderer": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/compiler-sfc": "3.2.38",
+        "@vue/runtime-dom": "3.2.38",
+        "@vue/server-renderer": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "vue-eslint-parser": {
@@ -9802,9 +9812,9 @@
       }
     },
     "vue-router": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.4.tgz",
-      "integrity": "sha512-UgYen33gOtwT3cOG1+yRen+Brk9py8CSlC9LEa3UjvKZ4EAoSo8NjZPDeDnmNerfazorHIJG1NC7qdi1SuQJnQ==",
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.5.tgz",
+      "integrity": "sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==",
       "requires": {
         "@vue/devtools-api": "^6.1.4"
       }
diff --git a/geografia-vue/public/img/cat_skate.jpeg b/geografia-vue/public/img/cat_skate.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..f59b54ca78defdb100ffbeb0a8a62e2f420182c8
GIT binary patch
literal 6598
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

literal 0
HcmV?d00001

diff --git a/geografia-vue/src/App.vue b/geografia-vue/src/App.vue
index 035f4f0..0fbaad4 100644
--- a/geografia-vue/src/App.vue
+++ b/geografia-vue/src/App.vue
@@ -1,91 +1,9 @@
 <script setup>
-import { RouterLink, RouterView } from "vue-router";
-import HelloWorld from "./components/HelloWorld.vue";
+import ChatList from "@/components/ChatList.vue";
 </script>
 
 <template>
-  <header>
-    <img
-      alt="Vue logo"
-      class="logo"
-      src="@/assets/logo.svg"
-      width="125"
-      height="125"
-    />
-
-    <div class="wrapper">
-      <HelloWorld msg="You did it!" />
-
-      <nav>
-        <RouterLink to="/">Home</RouterLink>
-        <RouterLink to="/about">About</RouterLink>
-      </nav>
-    </div>
-  </header>
-
-  <RouterView />
+  <main>
+    <ChatList />
+  </main>
 </template>
-
-<style scoped>
-header {
-  line-height: 1.5;
-  max-height: 100vh;
-}
-
-.logo {
-  display: block;
-  margin: 0 auto 2rem;
-}
-
-nav {
-  width: 100%;
-  font-size: 12px;
-  text-align: center;
-  margin-top: 2rem;
-}
-
-nav a.router-link-exact-active {
-  color: var(--color-text);
-}
-
-nav a.router-link-exact-active:hover {
-  background-color: transparent;
-}
-
-nav a {
-  display: inline-block;
-  padding: 0 1rem;
-  border-left: 1px solid var(--color-border);
-}
-
-nav a:first-of-type {
-  border: 0;
-}
-
-@media (min-width: 1024px) {
-  header {
-    display: flex;
-    place-items: center;
-    padding-right: calc(var(--section-gap) / 2);
-  }
-
-  .logo {
-    margin: 0 2rem 0 0;
-  }
-
-  header .wrapper {
-    display: flex;
-    place-items: flex-start;
-    flex-wrap: wrap;
-  }
-
-  nav {
-    text-align: left;
-    margin-left: -1rem;
-    font-size: 1rem;
-
-    padding: 1rem 0;
-    margin-top: 1rem;
-  }
-}
-</style>
diff --git a/geografia-vue/src/components/ChatList.vue b/geografia-vue/src/components/ChatList.vue
new file mode 100644
index 0000000..a19c84f
--- /dev/null
+++ b/geografia-vue/src/components/ChatList.vue
@@ -0,0 +1,39 @@
+<script setup>
+import ChatPreview from "@/components/ChatPreview.vue";
+</script>
+
+<template>
+  <div id="background">
+    <li :key="chat.id" v-for="chat in history">
+      <ChatPreview 
+        :chatName=chat.name
+        :chatLastMsg=chat.last_msg
+        :chatSeen=chat.seen
+        :chatDate=chat.date
+        :chatNewMessages=chat.new_messages
+      />
+    </li>
+  </div>
+</template>
+
+<script>
+export default {
+  setup() {},
+  data() {
+    return {
+      history: {
+        chats: {
+          id: 1,
+          name: "test-name",
+          last_msg: "test-msg",
+          seen: false,
+          date: "25/08/22",
+          new_messages: 1,
+        },
+      },
+    };
+  },
+};
+</script>
+
+<style scoped></style>
diff --git a/geografia-vue/src/components/ChatPreview.vue b/geografia-vue/src/components/ChatPreview.vue
index 9882894..d60fb16 100644
--- a/geografia-vue/src/components/ChatPreview.vue
+++ b/geografia-vue/src/components/ChatPreview.vue
@@ -1,24 +1,30 @@
 <template>
   <div class="chat-preview">
     <div class="chat-picture">
-      <picture src="./icons/IconCommunity.vue" alt="chat-picture"></picture>
+      <img src="" alt="chat-picture">
     </div>
     <div class="chat-text">
       <div class="chat-name">
-        <h3>Test Test Test</h3>
+        <h3>{{ chatName }}</h3>
       </div>
       <div class="chat-last-msg">
-        <p>Questo e' un messaggio di prova</p>
+        <p>{{ chatLastMsg }}</p>
       </div>
       <div class="chat-info">
-        <div class="chat-seen" color="green">✓✓</div>
-        <div class="chat-date">Ven</div>
+        <div class="chat-seen" color="green">
+          <p v-if="chatSeen">✓✓</p>
+          <p v-else>✓</p>
+        </div>
+        <div class="chat-date">{{ chatDate }}</div>
         <div
+          v-if="chatNewMessages > 0"
           class="chat-new-messages"
           border-radius="100%"
           color="white"
           background="blue"
-        >1</div>
+        >
+          {{ chatNewMessages }}
+        </div>
       </div>
     </div>
   </div>
@@ -27,6 +33,24 @@
 <script>
 export default {
   setup() {},
+  props: {
+    picProfile: String,
+    chatName: String,
+    chatLastMsg: String,
+    chatSeen: Boolean,
+    chatDate: String,
+    chatNewMessages: Number,
+  },
+  methods: {
+    fetchCats(){
+      var url = "https://api.thecatapi.com/v1/images/search?api_key=live_wErMWjgaxvhV4nsfoyHxwyvscBbfBW606hsQB6iWeG4oLY0IleWSKrs2XgQaQIYB"
+      fetch(url).then((response) => {
+        return response.json()
+      }).then((data)=>{
+        return data.url
+      })
+    },
+  }
 };
 </script>
 
diff --git a/geografia-vue/src/components/Main.vue b/geografia-vue/src/components/Main.vue
deleted file mode 100644
index 00534aa..0000000
--- a/geografia-vue/src/components/Main.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div id="background">
-    {v-for key="messages" message in history.messages
-      <ChatPreview pic-profile="" chat-name="" chat-last-msg="" chat-seen="" chat-date="" chat-new-messages="" />
-    }
-  </div>
-</template>
-
-<script>
-export default {
-  setup() {},
-};
-</script>
-
-<style scoped></style>
diff --git a/geografia-vue/src/main.js b/geografia-vue/src/main.js
index bc8a836..7bda948 100644
--- a/geografia-vue/src/main.js
+++ b/geografia-vue/src/main.js
@@ -2,13 +2,11 @@ import { createApp } from "vue";
 import { createPinia } from "pinia";
 
 import App from "./App.vue";
-import router from "./router";
 
 import "./assets/main.css";
 
 const app = createApp(App);
 
 app.use(createPinia());
-app.use(router);
 
 app.mount("#app");
diff --git a/geografia-vue/src/router/index.js b/geografia-vue/src/router/index.js
deleted file mode 100644
index 35612dc..0000000
--- a/geografia-vue/src/router/index.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createRouter, createWebHistory } from "vue-router";
-import HomeView from "../views/HomeView.vue";
-
-const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  routes: [
-    {
-      path: "/",
-      name: "home",
-      component: HomeView,
-    },
-    {
-      path: "/about",
-      name: "about",
-      // route level code-splitting
-      // this generates a separate chunk (About.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: () => import("../views/AboutView.vue"),
-    },
-  ],
-});
-
-export default router;
diff --git a/geografia-vue/src/views/AboutView.vue b/geografia-vue/src/views/AboutView.vue
deleted file mode 100644
index 756ad2a..0000000
--- a/geografia-vue/src/views/AboutView.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>
-
-<style>
-@media (min-width: 1024px) {
-  .about {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
diff --git a/geografia-vue/src/views/HomeView.vue b/geografia-vue/src/views/HomeView.vue
index 5685b67..0fbaad4 100644
--- a/geografia-vue/src/views/HomeView.vue
+++ b/geografia-vue/src/views/HomeView.vue
@@ -1,9 +1,9 @@
 <script setup>
-import TheWelcome from "@/components/TheWelcome.vue";
+import ChatList from "@/components/ChatList.vue";
 </script>
 
 <template>
   <main>
-    <TheWelcome />
+    <ChatList />
   </main>
 </template>