refactor: remove TextBlock component in favor of simpler section element

src/views/AnatomyView.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import RefImage from "@/components/RefImage.vue";
 import ColorTable from "@/components/ColorTable.vue";
-import TextBlock from "@/components/TextBlock.vue";
 
 const colors = [
   { name: "Front", value: "#e7c7b1" },
@@ -16,9 +15,9 @@ const colors = [
 </script>
 
 <template>
-  <TextBlock>
+  <section>
     <h1>{{ $route.meta.title }}</h1>
-  </TextBlock>
+  </section>
 
   <RefImage>
     <source
@@ -45,7 +44,7 @@ const colors = [
 
   <ColorTable :colors="colors"></ColorTable>
 
-  <TextBlock>
+  <section>
     <p>
       Viktor is a bipedal plantigrade Ankylosaurus. His skin is mostly
       bicolored, with several shades of brown.
@@ -63,7 +62,7 @@ const colors = [
       strip of deep dark cedar brown. Arms and legs are distinguished by a light
       earthy brown.
     </p>
-  </TextBlock>
+  </section>
 
   <RefImage>
     <source
@@ -87,7 +86,7 @@ const colors = [
     </template>
   </RefImage>
 
-  <TextBlock>
+  <section>
     <p>
       His entire body is speckled with scattered aquamarine spots, which come in
       pairs of one large and one small spot. The only exceptions are the spots
@@ -107,5 +106,5 @@ const colors = [
     </p>
 
     <p>He owes his strong, stocky physique to years of hard physical labor.</p>
-  </TextBlock>
+  </section>
 </template>