Fixed Typos

src/components/AttributeCalculator.vue

@@ -79,8 +79,8 @@
     </div>
     <div class="results">
       <p>HP: {{ hp }}</p>
-      <p>Defence: {{ defence }}</p>
+      <p>Defense: {{ defense }}</p>
-      <p>Sangue: {{ sangue }}</p>
+      <p>Blood: {{ blood }}</p>
     </div>
   </div>
 </template>
@@ -97,14 +97,14 @@ const dodgeTrained = ref(false);
 const staminaTrained = ref(false);
 
 const hp = computed(() => 10 + 5 * fortitude.value + strength.value);
-const defence = computed(() => {
+const defense = computed(() => {
   let val = 8 + dexterity.value;
   if (dodgeTrained.value) {
     val += dodge.value;
   }
   return val;
 });
-const sangue = computed(() => {
+const blood = computed(() => {
   let val = 14 + fortitude.value;
   if (staminaTrained.value) {
     val += stamina.value;

src/components/HelloWorld.vue

@@ -1,44 +0,0 @@
-<script setup>
-defineProps({
-  msg: {
-    type: String,
-    required: true,
-  },
-})
-</script>
-
-<template>
-  <div class="greetings">
-    <h1 class="green">{{ msg }}</h1>
-    <h3>
-      You’ve successfully created a project with
-      <a href="https://vite.dev/" target="_blank" rel="noopener">Vite</a> +
-      <a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>.
-    </h3>
-  </div>
-</template>
-
-<style scoped>
-h1 {
-  font-weight: 500;
-  font-size: 2.6rem;
-  position: relative;
-  top: -10px;
-}
-
-h3 {
-  font-size: 1.2rem;
-}
-
-.greetings h1,
-.greetings h3 {
-  text-align: center;
-}
-
-@media (min-width: 1024px) {
-  .greetings h1,
-  .greetings h3 {
-    text-align: left;
-  }
-}
-</style>