fix AddButton.vue

src/App.vue

@@ -62,8 +62,7 @@
                   fill-rule="evenodd"
                   d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z"
                   clip-rule="evenodd"
-                ></path></svg
-              >Удалить
+                ></path></svg>Удалить
             </button>
           </div>
         </dl>

src/api.js

@@ -1,4 +1,4 @@
-const tickersHandlers = new Map() // {}
+const tickersHandlers = new Map()
 const socket = new WebSocket(
   `wss://streamer.cryptocompare.com/v2?api_key=3e6aa97e236e7ac4ec49a3ffb957e72ea388fecda806ed6161cba08a68b0a429`
 )

src/components/AddButton.vue

@@ -1,10 +1,9 @@
 <template>
   <button
     type="button"
-    @click="add(ticker)"
+    @click="this.$emit('onAdd-ticker')"
     class="my-4 inline-flex items-center py-2 px-4 border border-transparent shadow-sm text-sm leading-4 font-medium rounded-full text-white bg-gray-600 hover:bg-gray-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500"
   >
-    <!-- Heroicon name: solid/mail -->
     <svg
       class="-ml-0.5 mr-2 h-6 w-6"
       xmlns="http://www.w3.org/2000/svg"

src/components/AddTicker.vue

@@ -40,7 +40,7 @@
         <div class="text-sm text-red-600" v-if="error">
           {{ error }}
         </div>
-        <add-button @click="add(ticker)" />
+        <add-button @onAdd-ticker="add(ticker)" />
       </div>
     </div>
     <div>