Extract heading styles

src/App.vue

@@ -54,6 +54,11 @@ export default {
 <style type="postcss">
 @tailwind base;
 
+h1,
+h2 {
+  @apply font-semibold
+}
+
 input,
 textarea {
   @apply w-full border border-gray-400 p-2 mt-1

src/components/AcceptedSessionsList.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1 class="text-4xl font-semibold mb-2">Sessions</h1>
+    <h1 class="text-4xl mb-2">Sessions</h1>
 
     <div v-if="acceptedSessions.length" class="bg-white p-6 rounded-lg border">
       <ul class="-mb-3">

src/components/SessionForm.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="mt-8">
-    <h3 class="text-2xl font-semibold mb-4">Submit a Session</h3>
+    <h2 class="text-2xl mb-4">Submit a Session</h2>
 
     <session-form-message :messages="messages" class="bg-green-100 border-green-300"></session-form-message>