gitignore .vscode

.gitignore

@@ -27,3 +27,5 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
+
+.vscode/

.vscode/settings.json

@@ -3,13 +3,9 @@
   "editor.guides.bracketPairs": true,
   "editor.formatOnSave": true,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.codeActionsOnSave": [
-    "source.fixAll.eslint"
-  ],
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "vue"
-  ]
+  "editor.codeActionsOnSave": ["source.fixAll.eslint"],
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"],
+  "[vue]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }

src/pages/IndexPage.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="flex flex-center">
     <h5 class="q-py-xl">{{ fecha }}</h5>
-    <q-btn class="fixed-center" color="deep-orange" glossy label="Calcular" @click="calcular()"></q-btn>
+    <q-btn
+      class="fixed-center"
+      color="deep-orange"
+      glossy
+      label="Calcular"
+      @click="calcular()"
+    ></q-btn>
   </div>
 </template>
 
@@ -13,7 +19,7 @@ const data = ref([]);
 const fecha = ref("");
 const days = ref(0);
 
-const calcular =async () => {
+const calcular = async () => {
   const result = fetch(
     "https://api.openweathermap.org/data/2.5/forecast?lat=39.55&lon=-0.5667&units=metric&appid=1ce95ef35a6852cecee421a923fe4400"
   )