Added city deletion

src/views/Forecast.vue

@@ -4,7 +4,7 @@
       <v-card-title>Prognoza pogody</v-card-title>
       <v-row justify="space-around">
         <v-col v-for="(city, i) in cities" :key="i">
-          <City :city="city" />
+          <City :city="city" @delete="deleteCity(city)" />
         </v-col>
         <v-col>
           <v-hover v-slot="{ hover }">
@@ -70,6 +70,11 @@ export default class Forecast extends Vue {
     this.saveUser();
   }
 
+  deleteCity(city: object) {
+    this.$data.cities.splice(this.$data.cities.indexOf(city));
+    this.saveUser();
+  }
+
   private async getFirebaseUserData() {
     const q = query(this.users, where("uid", "==", this.user.uid));