TailwindCSS v2.x (#1540)

components/realtime/Sse.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="page">
-    <AppSection class="blue" :label="$t('request')" ref="request" no-legend>
+    <AppSection :label="$t('request')" ref="request" no-legend>
       <ul>
         <li>
           <label for="server">{{ $t("server") }}</label>
@@ -36,7 +36,7 @@
       </ul>
     </AppSection>
 
-    <AppSection class="purple" :label="$t('communication')" id="response" ref="response" no-legend>
+    <AppSection :label="$t('communication')" id="response" ref="response" no-legend>
       <ul>
         <li>
           <RealtimeLog :title="$t('events')" :log="events.log" />