diff --git a/src/index.html b/src/index.html
index 18cacb7..3316294 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,17 +1,22 @@
 <!DOCTYPE html>
 <html dir="ltr" lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
-  <title>Stencil Component Starter</title>
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
+    />
+    <title>Stencil Component Starter</title>
 
-  <script type="module" src="/build/select-previsao-ondas.esm.js"></script>
-  <script nomodule src="/build/select-previsao-ondas.js"></script>
-
-</head>
-<body>
-
-  <my-component first="Stencil" last="'Don't call me a framework' JS"></my-component>
-
-</body>
+    <script type="module" src="/build/select-previsao-ondas.esm.js"></script>
+    <script nomodule src="/build/select-previsao-ondas.js"></script>
+    <script>
+      function handleChange(e) {
+        console.log(this);
+      }
+    </script>
+  </head>
+  <body>
+    <my-component onchange="handleChange(this)"></my-component>
+  </body>
 </html>
diff --git a/src/services/previsao-ondas.ts b/src/services/previsao-ondas.ts
index e40342f..64c983a 100644
--- a/src/services/previsao-ondas.ts
+++ b/src/services/previsao-ondas.ts
@@ -16,7 +16,7 @@ class PrevisaoOndasService {
   public async getPrevisoes(cidade: String) {
     const response = await fetch(`${this.url}/onda/cidade/${cidade}`);
     const data = await response.json();
-    return data.estado.dias;
+    return data.dias;
   }
 }
 
