From 170d8c7e5c24b3da264aede75d31873a8b96153a Mon Sep 17 00:00:00 2001
From: Olayiwola Olanrewaju <larry_coal@outlook.com>
Date: Tue, 8 Feb 2022 16:59:40 -0500
Subject: [PATCH 1/4] chore: add tailwindcss prettier plugin #154 (#165)

* integration of prettier tailwindcss plugin
* reformat codebase

Co-authored-by: Aleksey Razbakov <aleksey@razbakov.com>
---
 assets/css/typography.css                  | 24 +++----
 components/Actions/TReaction.vue           |  7 +-
 components/Actions/TReactions.vue          |  2 +-
 components/Actions/TStars.vue              | 18 +++--
 components/Card/TCardEvent.vue             | 14 ++--
 components/Card/TCardLink.vue              |  4 +-
 components/Card/TCardPoll.vue              |  2 +-
 components/Formatters/TVenue.vue           |  2 +-
 components/MainNavigation.vue              |  6 +-
 components/TAuthError.vue                  |  6 +-
 components/TButton.vue                     |  9 +--
 components/TButtonEditProfile.vue          |  2 +-
 components/TCard.vue                       |  8 +--
 components/TCardComment.vue                |  2 +-
 components/TCardList.vue                   |  6 +-
 components/TCommentsInline.vue             |  2 +-
 components/TDropdown.vue                   |  2 +-
 components/TDropdownSelect.vue             |  2 +-
 components/TDropdownSeparator.vue          |  2 +-
 components/TEventList.vue                  | 10 +--
 components/TEventText.vue                  | 18 +++--
 components/TField.vue                      |  8 +--
 components/TFilters.vue                    |  2 +-
 components/TFooter.vue                     |  2 +-
 components/TForm.vue                       |  4 +-
 components/TFormComment.vue                |  2 +-
 components/TGridParticipants.vue           | 12 ++--
 components/THamburger.vue                  |  2 +-
 components/THeader.vue                     |  2 +-
 components/TInput/TInputAddress.vue        |  8 +--
 components/TInput/TInputCity.vue           | 18 ++---
 components/TInput/TInputCollection.vue     |  2 +-
 components/TInput/TInputLocation.vue       | 16 ++---
 components/TInput/TInputLocationSelect.vue | 22 +++---
 components/TInput/TInputMulti.vue          |  4 +-
 components/TInput/TInputMultiDropdown.vue  | 14 ++--
 components/TInput/TInputPhoto.vue          |  6 +-
 components/TInput/TInputProfile.vue        | 16 ++---
 components/TInput/TInputSelect.vue         |  6 +-
 components/TInput/TInputSelectSmall.vue    |  8 +--
 components/TInput/TInputStyles.vue         |  6 +-
 components/TInput/TInputStylesSelect.vue   |  2 +-
 components/TInput/TInputStylesSelect2.vue  |  2 +-
 components/TInput/TInputTextarea.vue       |  4 +-
 components/TItemComments.vue               |  2 +-
 components/TItemCreator.vue                |  4 +-
 components/TItemEdit.vue                   |  6 +-
 components/TItemFooter.vue                 |  2 +-
 components/TItemToolbar.vue                |  4 +-
 components/TListItem.vue                   |  2 +-
 components/TMenu.vue                       |  4 +-
 components/TMenu2.vue                      |  4 +-
 components/TPopup.vue                      | 10 +--
 components/TPopupEdit.vue                  |  2 +-
 components/TPost.vue                       |  2 +-
 components/TPostList.vue                   |  6 +-
 components/TProfile.vue                    | 14 ++--
 components/TProfileCard3.vue               | 10 ++-
 components/TProfileContact.vue             | 10 +--
 components/TProfileContacts.vue            |  4 +-
 components/TProfileDetails.vue             | 19 +++---
 components/TProfilePhoto2.vue              |  2 +-
 components/TRecipients.vue                 | 10 +--
 components/TSharePreview.vue               | 18 ++---
 components/TSharePreviewPost.vue           | 24 +++----
 components/TSharePreviewPost2.vue          | 26 ++++----
 components/TTabs.vue                       |  2 +-
 components/global/WProfile.vue             | 10 +--
 components/global/WTeaser.vue              |  4 +-
 content/styles/AfroHouse.yml               | 30 ++++-----
 content/styles/Afrobeats.yml               | 30 ++++-----
 content/styles/Allemande.yml               | 32 ++++-----
 content/styles/Bachata.yml                 | 26 ++++----
 content/styles/BachataModerna.yml          | 28 ++++----
 content/styles/Bachatango.yml              | 26 ++++----
 content/styles/Balboa.yml                  | 28 ++++----
 content/styles/Ballet.yml                  | 28 ++++----
 content/styles/Ballroom.yml                | 28 ++++----
 content/styles/BavarianFolk.yml            | 30 ++++-----
 content/styles/BellyDance.yml              | 28 ++++----
 content/styles/Bhangra.yml                 | 34 +++++-----
 content/styles/Bharatanatyam .yml          | 34 +++++-----
 content/styles/Bolero.yml                  | 24 +++----
 content/styles/Bollywood.yml               | 34 +++++-----
 content/styles/BoogieWoogie.yml            | 28 ++++----
 content/styles/BrazilianZouk.yml           | 26 ++++----
 content/styles/Breaking.yml                | 32 ++++-----
 content/styles/Bump.yml                    | 34 +++++-----
 content/styles/Burlesque.yml               | 30 ++++-----
 content/styles/Capoeira.yml                | 32 ++++-----
 content/styles/Casino.yml                  | 22 +++---
 content/styles/Ceili.yml                   | 30 ++++-----
 content/styles/Ceilidh.yml                 | 30 ++++-----
 content/styles/Ceroc.yml                   | 32 ++++-----
 content/styles/ChaChaCha.yml               | 28 ++++----
 content/styles/ChaChaChaBallroom.yml       | 32 ++++-----
 content/styles/Chaconne.yml                | 32 ++++-----
 content/styles/Chalusonga.yml              | 38 +++++------
 content/styles/Champeta.yml                | 32 ++++-----
 content/styles/Charleston.yml              | 28 ++++----
 content/styles/CollegiateShag.yml          | 28 ++++----
 content/styles/Commercial.yml              | 32 ++++-----
 content/styles/Compas.yml                  | 28 ++++----
 content/styles/ContactTango.yml            | 36 +++++-----
 content/styles/Contemporary.yml            | 32 ++++-----
 content/styles/Contradanza.yml             | 20 +++---
 content/styles/Cotillion.yml               | 32 ++++-----
 content/styles/CountryDance.yml            | 26 ++++----
 content/styles/CubanBolero.yml             | 32 ++++-----
 content/styles/Cubaton.yml                 | 22 +++---
 content/styles/Cumbia.yml                  | 28 ++++----
 content/styles/Dancehall.yml               | 28 ++++----
 content/styles/Danzon.yml                  | 28 ++++----
 content/styles/Dembow.yml                  | 32 ++++-----
 content/styles/Discofox.yml                | 26 ++++----
 content/styles/DominicanBachata.yml        | 28 ++++----
 content/styles/Douceur.yml                 | 30 ++++-----
 content/styles/EastCoastSwing.yml          | 28 ++++----
 content/styles/ElectricBoogaloo.yml        | 34 +++++-----
 content/styles/FinnishTango.yml            | 36 +++++-----
 content/styles/Flamenco.yml                | 30 ++++-----
 content/styles/ForroLove.yml               | 32 ++++-----
 content/styles/Foxtrot.yml                 | 30 ++++-----
 content/styles/FunkCarioca.yml             | 30 ++++-----
 content/styles/Galliard.yml                | 32 ++++-----
 content/styles/Garba.yml                   | 34 +++++-----
 content/styles/Ghoomar.yml                 | 34 +++++-----
 content/styles/Grinding.yml                | 34 +++++-----
 content/styles/HandDancing.yml             | 28 ++++----
 content/styles/HighHeels.yml               | 30 ++++-----
 content/styles/HipHop.yml                  | 28 ++++----
 content/styles/House.yml                   | 32 ++++-----
 content/styles/IndianClassicalDance.yml    | 34 +++++-----
 content/styles/IndianFolkDance.yml         | 32 ++++-----
 content/styles/Jazz.yml                    | 32 ++++-----
 content/styles/Jig.yml                     | 26 ++++----
 content/styles/Jive.yml                    | 28 ++++----
 content/styles/K-Pop.yml                   | 30 ++++-----
 content/styles/Kathak.yml                  | 34 +++++-----
 content/styles/Kathakali.yml               | 34 +++++-----
 content/styles/Kizomba.yml                 | 30 ++++-----
 content/styles/Krump.yml                   | 32 ++++-----
 content/styles/Kuchipudi .yml              | 34 +++++-----
 content/styles/Kuduru.yml                  | 36 +++++-----
 content/styles/Lambada.yml                 | 24 +++----
 content/styles/Lancer.yml                  | 32 ++++-----
 content/styles/Lavani.yml                  | 34 +++++-----
 content/styles/LindyHop.yml                | 26 ++++----
 content/styles/Locking.yml                 | 34 +++++-----
 content/styles/Mambo.yml                   | 18 ++---
 content/styles/Manipuri.yml                | 34 +++++-----
 content/styles/Maxixe.yml                  | 26 ++++----
 content/styles/Merengue.yml                | 28 ++++----
 content/styles/Minuet.yml                  | 32 ++++-----
 content/styles/Modern.yml                  | 32 ++++-----
 content/styles/ModernJive.yml              | 28 ++++----
 content/styles/Mohiniyattam .yml           | 34 +++++-----
 content/styles/Moonwalk.yml                | 34 +++++-----
 content/styles/Odissi.yml                  | 34 +++++-----
 content/styles/Pachanga.yml                | 18 ++---
 content/styles/Pasodoble.yml               | 32 ++++-----
 content/styles/Pavane.yml                  | 32 ++++-----
 content/styles/Perreo.yml                  | 32 ++++-----
 content/styles/PoleDancing.yml             | 30 ++++-----
 content/styles/Polka.yml                   | 32 ++++-----
 content/styles/Popping.yml                 | 34 +++++-----
 content/styles/Quadrille.yml               | 32 ++++-----
 content/styles/Quickstep.yml               | 32 ++++-----
 content/styles/Rasleela.yml                | 34 +++++-----
 content/styles/Reggaeton.yml               | 30 ++++-----
 content/styles/Rhumba.yml                  | 32 ++++-----
 content/styles/Robot.yml                   | 32 ++++-----
 content/styles/RockAndRoll.yml             | 28 ++++----
 content/styles/RuedaDeCasino.yml           | 20 +++---
 content/styles/RumbaColumbia.yml           | 22 +++---
 content/styles/RumbaGuaguanco.yml          | 20 +++---
 content/styles/RumbaYambu.yml              | 20 +++---
 content/styles/SalsaCalena.yml             | 18 ++---
 content/styles/SalsaLA.yml                 | 16 ++---
 content/styles/SalsaNewYork.yml            | 12 ++--
 content/styles/Samba.yml                   | 30 ++++-----
 content/styles/Sarabande.yml               | 30 ++++-----
 content/styles/Sattriya.yml                | 34 +++++-----
 content/styles/Schottische.yml             | 32 ++++-----
 content/styles/Semba.yml                   | 36 +++++-----
 content/styles/SensualBachata.yml          | 28 ++++----
 content/styles/Sevillanas.yml              | 30 ++++-----
 content/styles/Shimmy.yml                  | 32 ++++-----
 content/styles/ShowTango.yml               | 34 +++++-----
 content/styles/Son.yml                     | 14 ++--
 content/styles/SpanishBolero.yml           | 32 ++++-----
 content/styles/StreetDance.yml             | 34 +++++-----
 content/styles/Swing.yml                   | 26 ++++----
 content/styles/Tango.yml                   | 28 ++++----
 content/styles/TangoArgentino.yml          | 36 +++++-----
 content/styles/TangoBallroom.yml           | 32 ++++-----
 content/styles/TangoCamacupense.yml        | 34 +++++-----
 content/styles/TangoCanyengue.yml          | 36 +++++-----
 content/styles/TangoLiso.yml               | 36 +++++-----
 content/styles/TangoMilonguero.yml         | 34 +++++-----
 content/styles/TangoNuevo.yml              | 34 +++++-----
 content/styles/TangoOrientalUruguayan.yml  | 36 +++++-----
 content/styles/TangoOrillero.yml           | 36 +++++-----
 content/styles/TangoSalon.yml              | 36 +++++-----
 content/styles/TangoValparaisino.yml       | 34 +++++-----
 content/styles/TangoVals.yml               | 36 +++++-----
 content/styles/Tarraxinha.yml              | 34 +++++-----
 content/styles/Tarraxo.yml                 | 40 +++++------
 content/styles/Timba.yml                   | 20 +++---
 content/styles/Twerking.yml                | 28 ++++----
 content/styles/UrbanKizz.yml               | 36 +++++-----
 content/styles/UrbanTarraxa.yml            | 40 +++++------
 content/styles/Vallenato.yml               | 36 +++++-----
 content/styles/VienneseWaltz.yml           | 32 ++++-----
 content/styles/Vogue.yml                   | 32 ++++-----
 content/styles/Volta.yml                   | 32 ++++-----
 content/styles/Waltz.yml                   | 28 ++++----
 content/styles/WestCoastSwing.yml          | 26 ++++----
 content/styles/Worm.yml                    | 32 ++++-----
 content/styles/Zouk.yml                    | 24 +++----
 content/styles/Zumba.yml                   | 24 +++----
 functions/src/index.ts                     | 45 ++-----------
 functions/src/lib/algolia.ts               |  5 +-
 functions/src/lib/migrations.ts            | 39 +++--------
 functions/src/sentry.ts                    | 18 ++---
 layouts/dark.vue                           |  4 +-
 layouts/default.vue                        | 24 +++----
 layouts/error.vue                          |  8 +--
 layouts/popup.vue                          |  8 +--
 layouts/public.vue                         |  8 +--
 middleware/admin.js                        |  2 +-
 middleware/auth.js                         |  2 +-
 package.json                               |  3 +-
 pages/_slug/edit.vue                       | 10 +--
 pages/admin/cities.vue                     | 10 +--
 pages/admin/emails.vue                     | 14 ++--
 pages/admin/events.vue                     |  2 +-
 pages/admin/reports.vue                    |  6 +-
 pages/admin/suspended.vue                  |  6 +-
 pages/admin/templates.vue                  |  8 +--
 pages/admin/users.vue                      |  2 +-
 pages/admin/venues.vue                     |  2 +-
 pages/chat/_slug.vue                       | 14 ++--
 pages/chat/index.vue                       |  6 +-
 pages/cities.vue                           |  4 +-
 pages/community.vue                        |  4 +-
 pages/dance/_slug.vue                      | 28 ++++----
 pages/dance/index.vue                      |  4 +-
 pages/demo/city.vue                        | 18 ++---
 pages/demo/dance.vue                       |  2 +-
 pages/demo/langs.vue                       |  2 +-
 pages/demo/team.vue                        |  6 +-
 pages/events/_id/dashboard.vue             | 16 ++---
 pages/events/_id/edit.vue                  | 21 +++---
 pages/events/_id/index.vue                 | 45 ++++++-------
 pages/events/_id/share.vue                 | 10 +--
 pages/events/index.vue                     | 14 ++--
 pages/feed.vue                             |  6 +-
 pages/index.vue                            | 78 +++++++++++-----------
 pages/lists/index.vue                      |  4 +-
 pages/nopassword.vue                       |  2 +-
 pages/onboarding.vue                       |  2 +-
 pages/posts/_id/edit.vue                   | 22 +++---
 pages/posts/_id/index.vue                  |  2 +-
 pages/posts/_id/share.vue                  |  5 +-
 pages/register.vue                         |  2 +-
 pages/search.vue                           |  2 +-
 pages/settings.vue                         | 26 ++++----
 pages/signin.vue                           |  4 +-
 plugins/firebase.js                        |  2 +-
 tailwind.config.js                         |  1 +
 use/app.js                                 | 11 ++-
 use/auth.js                                | 30 ++-------
 use/styles.js                              |  4 +-
 use/upload.js                              |  6 +-
 utils.js                                   | 10 ++-
 yarn.lock                                  | 12 +++-
 277 files changed, 2830 insertions(+), 2918 deletions(-)

diff --git a/assets/css/typography.css b/assets/css/typography.css
index 744d072f..3682e60b 100644
--- a/assets/css/typography.css
+++ b/assets/css/typography.css
@@ -3,7 +3,7 @@ html {
   font-size: 19px;
 }
 .typo {
-  @apply leading-normal break-words text-black;
+  @apply break-words leading-normal text-black;
 }
 .typo li + li {
   @apply mt-1;
@@ -29,34 +29,34 @@ html {
   @apply mb-4;
 }
 .typo h1 {
-  @apply leading-tight border-b text-4xl font-sans font-extrabold mb-4 mt-6 pb-2;
+  @apply mb-4 mt-6 border-b pb-2 font-sans text-4xl font-extrabold leading-tight;
 }
 .typo h2 {
-  @apply leading-tight border-b text-2xl font-sans font-semibold mb-4 mt-6 pb-2;
+  @apply mb-4 mt-6 border-b pb-2 font-sans text-2xl font-semibold leading-tight;
 }
 .typo h3 {
-  @apply leading-snug text-lg font-sans font-semibold mb-4 mt-6;
+  @apply mb-4 mt-6 font-sans text-lg font-semibold leading-snug;
 }
 .typo h4 {
-  @apply leading-none text-base font-sans font-semibold mb-4 mt-6;
+  @apply mb-4 mt-6 font-sans text-base font-semibold leading-none;
 }
 .typo h5 {
-  @apply leading-tight text-sm font-sans font-semibold mb-4 mt-6;
+  @apply mb-4 mt-6 font-sans text-sm font-semibold leading-tight;
 }
 .typo h6 {
-  @apply leading-tight text-sm font-sans font-semibold text-gray-600 mb-4 mt-6;
+  @apply mb-4 mt-6 font-sans text-sm font-semibold leading-tight text-gray-600;
 }
 .typo blockquote {
-  @apply text-base border-l-4 border-gray-300 pl-4 pr-4 text-gray-600;
+  @apply border-l-4 border-gray-300 pl-4 pr-4 text-base text-gray-600;
 }
 .typo ul {
-  @apply text-base pl-8 list-disc;
+  @apply list-disc pl-8 text-base;
 }
 .typo ol {
-  @apply text-base pl-8 list-decimal;
+  @apply list-decimal pl-8 text-base;
 }
 .typo table {
-  @apply text-base border-gray-600;
+  @apply border-gray-600 text-base;
 }
 .typo th {
   @apply border py-1 px-3;
@@ -69,7 +69,7 @@ html {
   @apply mx-auto block;
 }
 .typo figcaption {
-  @apply font-semibold text-center text-gray-800 mt-2;
+  @apply mt-2 text-center font-semibold text-gray-800;
 }
 .details {
   @apply p-2;
diff --git a/components/Actions/TReaction.vue b/components/Actions/TReaction.vue
index e78d1058..0ef1e16d 100644
--- a/components/Actions/TReaction.vue
+++ b/components/Actions/TReaction.vue
@@ -6,9 +6,9 @@
     :data-names="names"
     @click="toggle"
   >
-    <component :is="icon" class="w-4 h-4" />
+    <component :is="icon" class="h-4 w-4" />
     <div class="ml-1">{{ clicked ? toggledLabel : label }}</div>
-    <div class="ml-1 text-xs rounded-full bg-gray-200 px-1 block">
+    <div class="ml-1 block rounded-full bg-gray-200 px-1 text-xs">
       {{ count }}
     </div>
   </TButton>
@@ -90,7 +90,8 @@ export default {
       } else {
         change = {
           [`${props.field}.count`]: count.value - 1,
-          [`${props.field}.list.${username.value}`]: firebase.firestore.FieldValue.delete(),
+          [`${props.field}.list.${username.value}`]:
+            firebase.firestore.FieldValue.delete(),
         }
       }
 
diff --git a/components/Actions/TReactions.vue b/components/Actions/TReactions.vue
index 9ef7d57c..217c6dcc 100644
--- a/components/Actions/TReactions.vue
+++ b/components/Actions/TReactions.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="item.hideReactions"></div>
-  <div v-else class="flex flex-wrap gap-2 items-center">
+  <div v-else class="flex flex-wrap items-center gap-2">
     <TReaction
       :label="$t('TReaction.watch')"
       toggled-label="Watching"
diff --git a/components/Actions/TStars.vue b/components/Actions/TStars.vue
index c7ee8062..c047988c 100644
--- a/components/Actions/TStars.vue
+++ b/components/Actions/TStars.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="inline-flex border rounded divide-x items-center">
+  <div class="inline-flex items-center divide-x rounded border">
     <div>
       <TReaction
         :label="$t('TReaction.star')"
@@ -14,37 +14,35 @@
       <TMenu>
         <template v-slot:button>
           <TButton type="xs" class="border-none">
-            <ChevronDownIcon class="w-3 h-3" />
+            <ChevronDownIcon class="h-3 w-3" />
           </TButton>
         </template>
         <template v-slot:menu>
           <div
-            class="w-32 bg-white rounded shadow border text-xs flex flex-col"
+            class="flex w-32 flex-col rounded border bg-white text-xs shadow"
           >
-            <div class="px-2 py-1">
-              Add to list
-            </div>
+            <div class="px-2 py-1">Add to list</div>
             <label
               v-for="list in lists"
               :key="list.id"
-              class="px-2 py-1 flex items-center space-x-1"
+              class="flex items-center space-x-1 px-2 py-1"
               @click.prevent="toggle(list)"
             >
               <input type="checkbox" :checked="isSelected(list)" />
               <span>{{ list.label }}</span>
             </label>
             <button
-              class="border-t px-2 py-1 hover:bg-gray-100 text-left flex items-center space-x-1"
+              class="flex items-center space-x-1 border-t px-2 py-1 text-left hover:bg-gray-100"
               @click="showPopup = true"
             >
-              <PlusIcon class="w-3 h-3" />
+              <PlusIcon class="h-3 w-3" />
               <span>Create list</span>
             </button>
           </div>
         </template>
       </TMenu>
       <TPopup v-if="showPopup" title="Create list" @close="showPopup = false">
-        <div class="p-4 space-y-2">
+        <div class="space-y-2 p-4">
           <TField v-model="newListLabel" hide-label placeholder="List name" />
           <div class="flex justify-end">
             <TButton label="Add" @click="addList" />
diff --git a/components/Card/TCardEvent.vue b/components/Card/TCardEvent.vue
index e25bc5b7..f2f66130 100644
--- a/components/Card/TCardEvent.vue
+++ b/components/Card/TCardEvent.vue
@@ -9,17 +9,17 @@
         class="font-bold leading-none underline hover:no-underline"
         >{{ node.name }}</NuxtLink
       >
-      <div class="mt-2 text-sm text-gray-700 space-y-1">
-        <div class="flex gap-2 items-center">
-          <CalendarIcon class="w-4 h-4" />
+      <div class="mt-2 space-y-1 text-sm text-gray-700">
+        <div class="flex items-center gap-2">
+          <CalendarIcon class="h-4 w-4" />
           <TDateTime :value="node.startDate" />
         </div>
-        <div class="flex gap-2 items-center">
-          <LocationMarkerIcon class="w-4 h-4" />
+        <div class="flex items-center gap-2">
+          <LocationMarkerIcon class="h-4 w-4" />
           <TVenue :node="node.venue" />
         </div>
-        <div v-if="node.price" class="flex gap-2 items-center">
-          <TicketIcon class="w-4 h-4" />
+        <div v-if="node.price" class="flex items-center gap-2">
+          <TicketIcon class="h-4 w-4" />
           {{ node.price }}
         </div>
         <TStyles :value="node.styles" />
diff --git a/components/Card/TCardLink.vue b/components/Card/TCardLink.vue
index 3fc136fd..a40e5410 100644
--- a/components/Card/TCardLink.vue
+++ b/components/Card/TCardLink.vue
@@ -1,10 +1,10 @@
 <template>
   <component :is="component" v-if="component" :url="url" />
-  <div v-else class="p-4 text-xs text-center">
+  <div v-else class="p-4 text-center text-xs">
     <a
       :href="url"
       target="_blank"
-      class="underline text-blue-500 hover:no-underline "
+      class="text-blue-500 underline hover:no-underline"
       >{{ url }}</a
     >
   </div>
diff --git a/components/Card/TCardPoll.vue b/components/Card/TCardPoll.vue
index 6ab559d1..0e23ad25 100644
--- a/components/Card/TCardPoll.vue
+++ b/components/Card/TCardPoll.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="showEditor" class="border p-4 space-y-2">
+  <div v-if="showEditor" class="space-y-2 border p-4">
     <TInput
       v-for="(answer, key) in data.answers"
       :key="`answer-${key}`"
diff --git a/components/Formatters/TVenue.vue b/components/Formatters/TVenue.vue
index 11035ddd..0140d487 100644
--- a/components/Formatters/TVenue.vue
+++ b/components/Formatters/TVenue.vue
@@ -3,7 +3,7 @@
     <h4>
       {{ node.name }}<span v-if="node.room"> • {{ node.room }}</span>
     </h4>
-    <div v-if="showAddress" class="text-gray-700 text-xs">
+    <div v-if="showAddress" class="text-xs text-gray-700">
       {{ node.formatted_address }}
     </div>
   </div>
diff --git a/components/MainNavigation.vue b/components/MainNavigation.vue
index 0064ce5e..1bd58f5d 100644
--- a/components/MainNavigation.vue
+++ b/components/MainNavigation.vue
@@ -1,6 +1,6 @@
 <template>
   <nav
-    class="p-4 flex flex-col space-y-2 text-dark h-screen overflow-y-scroll sticky top-0 border-r"
+    class="sticky top-0 flex h-screen flex-col space-y-2 overflow-y-scroll border-r p-4 text-dark"
   >
     <TButton
       allow-guests
@@ -44,7 +44,7 @@
         to="/register"
         type="nav"
         :label="$t('auth.signup')"
-        class="bg-primary border-none text-white hover:bg-dark"
+        class="border-none bg-primary text-white hover:bg-dark"
       />
     </template>
 
@@ -127,6 +127,6 @@ export default {
 
 <style>
 nav .nuxt-link-exact-active {
-  @apply text-primary border-primary;
+  @apply border-primary text-primary;
 }
 </style>
diff --git a/components/TAuthError.vue b/components/TAuthError.vue
index cee9c7f8..5b48ac22 100644
--- a/components/TAuthError.vue
+++ b/components/TAuthError.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
     <div>
-      <h2 class="font-bold text-xl text-red-500">Oops</h2>
-      <div class="text-red-500 mt-4">
+      <h2 class="text-xl font-bold text-red-500">Oops</h2>
+      <div class="mt-4 text-red-500">
         {{ error.message }}
       </div>
       <div v-if="error.code === 'auth/web-storage-unsupported'" class="mt-4">
@@ -11,7 +11,7 @@
         third-party cookies."
       </div>
     </div>
-    <div class="border-t mt-4 pt-4">
+    <div class="mt-4 border-t pt-4">
       If you have any problems please contact support:
       <a
         class="text-blue-500 underline hover:no-underline"
diff --git a/components/TButton.vue b/components/TButton.vue
index 0d74289e..0c33d90a 100644
--- a/components/TButton.vue
+++ b/components/TButton.vue
@@ -121,19 +121,16 @@ export default {
           'bg-green-500 no-underline text-white font-semibold py-2 px-4 rounded-full hover:text-white hover:bg-green-700 shadow',
         danger:
           'bg-red-500 no-underline text-white font-semibold py-2 px-4 rounded-full hover:text-white hover:bg-red-700 shadow',
-        base:
-          'bg-white hover:bg-gray-100 text-gray-800 font-semibold py-1 px-4 border border-gray-400 rounded-full shadow',
+        base: 'bg-white hover:bg-gray-100 text-gray-800 font-semibold py-1 px-4 border border-gray-400 rounded-full shadow',
         secondary:
           'bg-transparent text-primary font-semibold py-2 px-4 border border-primary rounded-full no-underline hover:bg-primary hover:text-white hover:border-transparent',
         link: 'underline font-semibold hover:no-underline',
         context:
           'text-left w-full px-4 py-2 hover:bg-indigo-500 hover:text-white',
         'context-active': 'text-left w-full px-4 py-2 bg-indigo-500 text-white',
-        nav:
-          'p-2 font-semibold items-center flex rounded-full hover:bg-red-100 hover:text-primary',
+        nav: 'p-2 font-semibold items-center flex rounded-full hover:bg-red-100 hover:text-primary',
         void: '',
-        xs:
-          'inline-flex items-center px-2 py-1 border border-gray-300 shadow-sm text-xs font-medium rounded text-gray-700 bg-white hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500',
+        xs: 'inline-flex items-center px-2 py-1 border border-gray-300 shadow-sm text-xs font-medium rounded text-gray-700 bg-white hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500',
       }
 
       let classes =
diff --git a/components/TButtonEditProfile.vue b/components/TButtonEditProfile.vue
index 78e0e02f..2fd127de 100644
--- a/components/TButtonEditProfile.vue
+++ b/components/TButtonEditProfile.vue
@@ -2,7 +2,7 @@
   <div>
     <TButton @click="showPopup = true"> Edit Profile </TButton>
     <TPopup v-if="showPopup" title="Edit Profile" @close="showPopup = false">
-      <div class="max-w-md mx-auto py-4 h-64 overflow-y-scroll">
+      <div class="mx-auto h-64 max-w-md overflow-y-scroll py-4">
         <TForm
           v-model="profile"
           :fields="profileFields"
diff --git a/components/TCard.vue b/components/TCard.vue
index 1a41f2df..80369ee2 100644
--- a/components/TCard.vue
+++ b/components/TCard.vue
@@ -1,13 +1,13 @@
 <template>
-  <pre v-if="$route.query.debug" class="border p-4 m-4 rounded">{{ item }}</pre>
-  <div v-else class="rounded bg-white mb-4 shadow border max-w-sm">
+  <pre v-if="$route.query.debug" class="m-4 rounded border p-4">{{ item }}</pre>
+  <div v-else class="mb-4 max-w-sm rounded border bg-white shadow">
     <div>
       <img class="rounded-t" :src="item.cover" :alt="item.name" />
     </div>
-    <div class="font-bold leading-tight px-4 my-2">
+    <div class="my-2 px-4 font-bold leading-tight">
       {{ item.name }}
     </div>
-    <div class="flex justify-between px-4 mb-4 items-center">
+    <div class="mb-4 flex items-center justify-between px-4">
       <div>{{ getDateTime(item.startTime) }}</div>
       <TButton :href="item.url">Open</TButton>
     </div>
diff --git a/components/TCardComment.vue b/components/TCardComment.vue
index 31c0d7cf..d2fe478a 100644
--- a/components/TCardComment.vue
+++ b/components/TCardComment.vue
@@ -5,7 +5,7 @@
       <div>{{ dateDiff(item.createdAt) }}</div>
     </TAvatar>
     <div class="mt-1">{{ item.body }}</div>
-    <div class="text-sm flex items-start mt-1">
+    <div class="mt-1 flex items-start text-sm">
       <TButton type="xs" @click="onShowForm">Reply</TButton>
     </div>
 
diff --git a/components/TCardList.vue b/components/TCardList.vue
index 3098d5d7..1265f0f6 100644
--- a/components/TCardList.vue
+++ b/components/TCardList.vue
@@ -12,11 +12,11 @@
 
     <slot name="header" />
 
-    <div v-if="currentId === 'add'" class="mt-4 rounded bg-white mb-4 shadow">
+    <div v-if="currentId === 'add'" class="mt-4 mb-4 rounded bg-white shadow">
       <TForm
         :fields="fields"
         show-cancel
-        class="px-6 py-4 space-y-4"
+        class="space-y-4 px-6 py-4"
         @save="createItem"
         @cancel="cancelItem"
       />
@@ -24,7 +24,7 @@
 
     <div
       v-if="filters && filters.length > 1"
-      class="mt-4 md:flex bg-orange-100 rounded shadow"
+      class="mt-4 rounded bg-orange-100 shadow md:flex"
     >
       <button
         v-for="filter in filters"
diff --git a/components/TCommentsInline.vue b/components/TCommentsInline.vue
index c07066ce..a79eb608 100644
--- a/components/TCommentsInline.vue
+++ b/components/TCommentsInline.vue
@@ -3,7 +3,7 @@
   <div v-else>
     <button
       v-if="!showComments"
-      class="p-2 text-blue-700 cursor-pointer underline hover:no-underline text-xs text-center mb-2 block w-full"
+      class="mb-2 block w-full cursor-pointer p-2 text-center text-xs text-blue-700 underline hover:no-underline"
       @click="showComments = true"
     >
       {{ item.commentsCount || 0 }} comments
diff --git a/components/TDropdown.vue b/components/TDropdown.vue
index d08c4ef1..10a2de2d 100644
--- a/components/TDropdown.vue
+++ b/components/TDropdown.vue
@@ -4,7 +4,7 @@
       <TButton :icon="icon" :type="type" :label="label" :title="title" />
     </template>
     <template v-slot:menu="{ closeMenu }">
-      <div class="w-32 py-2 bg-white rounded-lg shadow-xl border">
+      <div class="w-32 rounded-lg border bg-white py-2 shadow-xl">
         <slot :closeMenu="closeMenu" />
       </div>
     </template>
diff --git a/components/TDropdownSelect.vue b/components/TDropdownSelect.vue
index ee66fb22..8877409e 100644
--- a/components/TDropdownSelect.vue
+++ b/components/TDropdownSelect.vue
@@ -8,7 +8,7 @@
       />
     </template>
     <template v-slot:menu>
-      <div class="w-40 py-2 bg-white rounded-lg shadow-xl border">
+      <div class="w-40 rounded-lg border bg-white py-2 shadow-xl">
         <TButton
           v-for="option in options"
           :key="getValue(option)"
diff --git a/components/TDropdownSeparator.vue b/components/TDropdownSeparator.vue
index 5a8c9573..b5946e98 100644
--- a/components/TDropdownSeparator.vue
+++ b/components/TDropdownSeparator.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="font-bold p-2 text-xs text-gray-700 border-b">{{ label }}</div>
+  <div class="border-b p-2 text-xs font-bold text-gray-700">{{ label }}</div>
 </template>
 
 <script>
diff --git a/components/TEventList.vue b/components/TEventList.vue
index 27340206..e3536034 100644
--- a/components/TEventList.vue
+++ b/components/TEventList.vue
@@ -4,17 +4,17 @@
     <div v-else-if="!count && showEmpty">
       {{ emptyLabel }}
     </div>
-    <div class="flex justify-between items-center px-2">
-      <h2 v-if="title" class="font-bold text-lg">{{ title }}</h2>
+    <div class="flex items-center justify-between px-2">
+      <h2 v-if="title" class="text-lg font-bold">{{ title }}</h2>
       <div v-else></div>
       <TButton type="nav" icon="copy" @click="copyToClipboard" />
     </div>
-    <div v-if="items.length" class="space-y-8 mt-4">
+    <div v-if="items.length" class="mt-4 space-y-8">
       <div v-for="(items, date) in itemsByDate" :key="date">
-        <h2 class="font-bold bg-dark text-white py-2 px-4 rounded">
+        <h2 class="rounded bg-dark py-2 px-4 font-bold text-white">
           {{ getDay(date) }}, {{ getDate(date) }}
         </h2>
-        <div v-for="item in items" :key="item.id" class="px-4 mt-4">
+        <div v-for="item in items" :key="item.id" class="mt-4 px-4">
           <TEventText :item="item" />
         </div>
       </div>
diff --git a/components/TEventText.vue b/components/TEventText.vue
index 77e7a4be..7835a6ae 100644
--- a/components/TEventText.vue
+++ b/components/TEventText.vue
@@ -9,40 +9,38 @@
     <div>
       <NuxtLink
         :to="`/events/${item.id}`"
-        class="font-bold leading-none hover:underline hover:text-primary"
+        class="font-bold leading-none hover:text-primary hover:underline"
       >
         {{ item.name }}
       </NuxtLink>
       <TReactions :item="item" class="my-1" />
       <div>
-        <div class="text-xs flex flex-wrap gap-1">
+        <div class="flex flex-wrap gap-1 text-xs">
           <div v-if="item.online === 'Yes'">
             <div class="flex items-center gap-1">
-              <TIcon name="youtube" class="w-4 h-4" />
-              <p>
-                Online
-              </p>
+              <TIcon name="youtube" class="h-4 w-4" />
+              <p>Online</p>
             </div>
           </div>
           <div v-if="item.venue" class="flex items-center gap-1">
             <template v-if="currentCity === item.place">
-              <TIcon name="place" class="w-4 h-4" />
+              <TIcon name="place" class="h-4 w-4" />
               <p>
                 {{ item.venue.name }}
               </p>
             </template>
             <template v-else>
-              <TIcon name="place" class="w-4 h-4" />
+              <TIcon name="place" class="h-4 w-4" />
               <p>
                 {{ addressPart(item.venue, 'locality') }}
               </p>
             </template>
           </div>
         </div>
-        <div class="text-xs flex flex-wrap gap-1">
+        <div class="flex flex-wrap gap-1 text-xs">
           <div v-if="item.price">
             <div class="flex items-center gap-1">
-              <TIcon name="ticket" class="w-4 h-4" />
+              <TIcon name="ticket" class="h-4 w-4" />
               <p>
                 {{ item.price }}
               </p>
diff --git a/components/TField.vue b/components/TField.vue
index 46f392f9..421a9199 100644
--- a/components/TField.vue
+++ b/components/TField.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="hidden"></div>
-  <div v-else :class="wrapperClasses" class="w-full grid">
+  <div v-else :class="wrapperClasses" class="grid w-full">
     <div v-if="!hideLabel" :class="labelClasses">
       <label :for="elementId">
         <div v-if="tips" class="float-right">
@@ -11,7 +11,7 @@
             @click="showTips = true"
           />
         </div>
-        <div class="text-gray-700 font-bold">{{ label }}</div>
+        <div class="font-bold text-gray-700">{{ label }}</div>
       </label>
     </div>
     <div :class="inputWrapperClasses">
@@ -20,7 +20,7 @@
         v-if="before"
         :content="before"
         no-typo
-        class="text-gray-500 text-sm mb-2"
+        class="mb-2 text-sm text-gray-500"
       />
       <slot>
         <component
@@ -36,7 +36,7 @@
         v-if="description"
         :content="description"
         no-typo
-        class="text-gray-500 text-sm mt-2"
+        class="mt-2 text-sm text-gray-500"
       />
       <slot name="bottom" />
     </div>
diff --git a/components/TFilters.vue b/components/TFilters.vue
index 75421896..cd08987b 100644
--- a/components/TFilters.vue
+++ b/components/TFilters.vue
@@ -4,7 +4,7 @@
       v-model="internalValue"
       :fields="fields"
       hide-submit
-      class="flex flex-no-wrap space-x-2"
+      class="flex-no-wrap flex space-x-2"
     />
   </div>
 </template>
diff --git a/components/TFooter.vue b/components/TFooter.vue
index 29bcc4a2..8e1c6af5 100644
--- a/components/TFooter.vue
+++ b/components/TFooter.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="flex justify-start mb-4">
+    <div class="mb-4 flex justify-start">
       <TInputSelect
         v-model="lang"
         :options="localesDropdown"
diff --git a/components/TForm.vue b/components/TForm.vue
index ba1185c1..8dd869a7 100644
--- a/components/TForm.vue
+++ b/components/TForm.vue
@@ -9,12 +9,12 @@
         @input="(val) => onFieldChange(field, val)"
       />
     </div>
-    <div v-if="error" class="text-red-500 py-4 text-right">
+    <div v-if="error" class="py-4 text-right text-red-500">
       {{ error.message }}
     </div>
     <slot name="bottom" />
     <div
-      class="flex justify-end space-x-2 bg-white py-4 border-t z-10 items-center bottom-0 sticky"
+      class="sticky bottom-0 z-10 flex items-center justify-end space-x-2 border-t bg-white py-4"
     >
       <TButton v-if="showRemove" :label="$t('form.delete')" @click="remove" />
       <TButton v-if="showCancel" :label="$t('form.cancel')" @click="cancel" />
diff --git a/components/TFormComment.vue b/components/TFormComment.vue
index 5fbc053f..bb42d28c 100644
--- a/components/TFormComment.vue
+++ b/components/TFormComment.vue
@@ -3,7 +3,7 @@
     <textarea
       v-model="comment"
       :placeholder="`Say something nice to ${getProfile(replyTo).username}...`"
-      class="border rounded p-4 w-full overflow-hidden h-auto"
+      class="h-auto w-full overflow-hidden rounded border p-4"
     />
 
     <div class="flex justify-end">
diff --git a/components/TGridParticipants.vue b/components/TGridParticipants.vue
index 5cb8354f..dae107a5 100644
--- a/components/TGridParticipants.vue
+++ b/components/TGridParticipants.vue
@@ -4,9 +4,9 @@
 
     <TInput v-model="nameFilter" class="mt-4" placeholder="Search" />
 
-    <div :class="{ 'overflow-y-scroll h-64': verticalScroll }" class="mt-4">
-      <div class="flex justify-center mb-4 text-xs space-x-2">
-        <div class="underline cursor-pointer" @click="selectAll(!selectedAll)">
+    <div :class="{ 'h-64 overflow-y-scroll': verticalScroll }" class="mt-4">
+      <div class="mb-4 flex justify-center space-x-2 text-xs">
+        <div class="cursor-pointer underline" @click="selectAll(!selectedAll)">
           {{ filteredItems.length }} shown
         </div>
         <div>{{ coupleCount * 2 + femaleCount + maleCount }} total</div>
@@ -17,7 +17,7 @@
       <div
         v-for="item in filteredItems"
         :key="item.id"
-        class="p-4 mb-4 border rounded"
+        class="mb-4 rounded border p-4"
         :class="selected[item.id] ? 'border-green-500' : 'border-gray-500'"
       >
         <slot :item="item" :tab="activeFilter" :view="view" :select="select" />
@@ -32,8 +32,8 @@
       :options="['name', 'contacts']"
     />
 
-    <div class="mt-4 justify-end flex">
-      <a href="#" class="underline text-blue-500" @click="download"
+    <div class="mt-4 flex justify-end">
+      <a href="#" class="text-blue-500 underline" @click="download"
         >Export CSV</a
       >
     </div>
diff --git a/components/THamburger.vue b/components/THamburger.vue
index 6fe9fe90..7224b340 100644
--- a/components/THamburger.vue
+++ b/components/THamburger.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <button
-      class="hamburger hamburger--elastic outline-none focus:outline-none appearance-none"
+      class="hamburger hamburger--elastic appearance-none outline-none focus:outline-none"
       :class="{ 'is-active': value }"
       type="button"
       aria-label="Menu"
diff --git a/components/THeader.vue b/components/THeader.vue
index 5d551752..d85ecc5d 100644
--- a/components/THeader.vue
+++ b/components/THeader.vue
@@ -1,7 +1,7 @@
 <template>
   <header class="border-b p-4">
     <div class="flex items-center justify-between">
-      <div class="flex flex-no-wrap items-center ml-8 md:ml-0">
+      <div class="flex-no-wrap ml-8 flex items-center md:ml-0">
         <h1 class="ml-1 font-lato text-lg font-bold">
           {{ title }}
         </h1>
diff --git a/components/TInput/TInputAddress.vue b/components/TInput/TInputAddress.vue
index c6024133..9c1a6614 100644
--- a/components/TInput/TInputAddress.vue
+++ b/components/TInput/TInputAddress.vue
@@ -2,17 +2,17 @@
   <div>
     <div
       v-if="value"
-      class="bg-gray-100 rounded p-4 flex items-center space-x-4"
+      class="flex items-center space-x-4 rounded bg-gray-100 p-4"
     >
       <div>
-        <img :src="value.icon" class="w-8 h-8" alt="" />
+        <img :src="value.icon" class="h-8 w-8" alt="" />
       </div>
       <div class="flex-grow">
         <div class="font-bold">{{ value.name }}</div>
         <a
           :href="value.url"
           target="_blank"
-          class="underline text-blue-500 hover:no-underline"
+          class="text-blue-500 underline hover:no-underline"
           >{{ value.formatted_address }}</a
         >
       </div>
@@ -34,7 +34,7 @@
       type="text"
       :placeholder="placeholder"
       autocomplete="off"
-      class="w-full px-3 py-2 bg-gray-50 text-sm rounded border focus:outline-none focus:shadow-outline border-gray-300"
+      class="focus:shadow-outline w-full rounded border border-gray-300 bg-gray-50 px-3 py-2 text-sm focus:outline-none"
     />
     <div v-if="!autocomplete" class="text-gray-500">Loading...</div>
   </div>
diff --git a/components/TInput/TInputCity.vue b/components/TInput/TInputCity.vue
index f580a248..f99cfdf7 100644
--- a/components/TInput/TInputCity.vue
+++ b/components/TInput/TInputCity.vue
@@ -1,15 +1,15 @@
 <template>
   <div>
-    <div class="inline-block w-full relative cursor-pointer">
+    <div class="relative inline-block w-full cursor-pointer">
       <div
-        class="block appearance-none w-full bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline"
+        class="focus:shadow-outline block w-full appearance-none rounded border border-gray-400 bg-white px-4 py-2 pr-8 leading-tight shadow hover:border-gray-500 focus:outline-none"
         @click="showPopup = true"
       >
-        <div v-if="!loading || gpsIsBlocked" class="text-sm flex">
+        <div v-if="!loading || gpsIsBlocked" class="flex text-sm">
           {{ getLabel(value) }}
           <span
             v-if="gpsIsBlocked"
-            class="w-2 h-2 rounded-full bg-red-500"
+            class="h-2 w-2 rounded-full bg-red-500"
           ></span>
         </div>
         <div v-else>Locating...</div>
@@ -18,7 +18,7 @@
         class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700"
       >
         <svg
-          class="fill-current h-4 w-4"
+          class="h-4 w-4 fill-current"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 20 20"
         >
@@ -38,10 +38,10 @@
         />
       </div>
 
-      <div class="max-w-md h-64 overflow-y-scroll">
+      <div class="h-64 max-w-md overflow-y-scroll">
         <div
           v-if="!hideGlobal"
-          class="p-2 hover:bg-indigo-500 text-black hover:text-white cursor-pointer flex items-center"
+          class="flex cursor-pointer items-center p-2 text-black hover:bg-indigo-500 hover:text-white"
           @click="change('')"
         >
           <span>{{ globalLabel }}</span>
@@ -50,7 +50,7 @@
           <div
             v-for="prediction in predictions"
             :key="prediction.place_id"
-            class="p-2 hover:bg-indigo-500 text-black hover:text-white cursor-pointer text-left"
+            class="cursor-pointer p-2 text-left text-black hover:bg-indigo-500 hover:text-white"
             @click="select(prediction.place_id)"
           >
             {{ prediction.description }}
@@ -60,7 +60,7 @@
           <div
             v-for="city in cities"
             :key="city.name"
-            class="p-2 hover:bg-indigo-500 text-black hover:text-white cursor-pointer text-left"
+            class="cursor-pointer p-2 text-left text-black hover:bg-indigo-500 hover:text-white"
             @click="change(city.name)"
           >
             {{ city.name }}, {{ city.location.country }}
diff --git a/components/TInput/TInputCollection.vue b/components/TInput/TInputCollection.vue
index 8eb36562..fb3cf892 100644
--- a/components/TInput/TInputCollection.vue
+++ b/components/TInput/TInputCollection.vue
@@ -19,7 +19,7 @@
       :title="`Adding to ${collection}`"
       @close="isAdding = false"
     >
-      <div class="max-w-md mx-auto py-4 h-64 overflow-y-scroll">
+      <div class="mx-auto h-64 max-w-md overflow-y-scroll py-4">
         <TForm
           v-model="newItem"
           :fields="getFields(collection)"
diff --git a/components/TInput/TInputLocation.vue b/components/TInput/TInputLocation.vue
index 19cc39b8..d896bc69 100644
--- a/components/TInput/TInputLocation.vue
+++ b/components/TInput/TInputLocation.vue
@@ -1,17 +1,17 @@
 <template>
   <div>
-    <div class="flex justify-between items-center p-2 rounded border">
+    <div class="flex items-center justify-between rounded border p-2">
       <div class="text-gray-700">{{ getLabel(value) }}</div>
-      <button class="underline text-blue-500 hover:no-underline" @click="open">
+      <button class="text-blue-500 underline hover:no-underline" @click="open">
         {{ buttonLabel }}
       </button>
     </div>
 
     <TPopup v-if="showPopup">
-      <div class="flex justify-between border-b pb-2 mb-4">
+      <div class="mb-4 flex justify-between border-b pb-2">
         <div class="font-bold">{{ popupTitle }}</div>
         <button class="cursor-pointer" @click="showPopup = false">
-          <TIcon name="close" class="cursor-pointer w-4 h-4" />
+          <TIcon name="close" class="h-4 w-4 cursor-pointer" />
         </button>
       </div>
 
@@ -19,21 +19,21 @@
       <div v-else>
         <TInput v-model="input" :placeholder="searchPlaceholder" />
 
-        <div class="border divide-y">
+        <div class="divide-y border">
           <div
             v-for="prediction in predictions"
             :key="prediction.place_id"
-            class="p-2 hover:bg-indigo-500 hover:text-white cursor-pointer"
+            class="cursor-pointer p-2 hover:bg-indigo-500 hover:text-white"
             @click="select(prediction.place_id)"
           >
             {{ prediction.description }}
           </div>
         </div>
 
-        <div class="flex justify-start mt-4">
+        <div class="mt-4 flex justify-start">
           <TButton :disabled="gpsIsBlocked" @click="requestBrowserLocation()">
             <div class="flex items-center">
-              <TIcon name="gps_fixed" class="h-4 w-4 mr-1" />
+              <TIcon name="gps_fixed" class="mr-1 h-4 w-4" />
               <div>Use my current position</div>
             </div>
           </TButton>
diff --git a/components/TInput/TInputLocationSelect.vue b/components/TInput/TInputLocationSelect.vue
index 1854f5d3..96eb02ab 100644
--- a/components/TInput/TInputLocationSelect.vue
+++ b/components/TInput/TInputLocationSelect.vue
@@ -1,15 +1,15 @@
 <template>
   <div>
-    <div class="inline-block w-full relative cursor-pointer">
+    <div class="relative inline-block w-full cursor-pointer">
       <div
-        class="block appearance-none w-full bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline"
+        class="focus:shadow-outline block w-full appearance-none rounded border border-gray-400 bg-white px-4 py-2 pr-8 leading-tight shadow hover:border-gray-500 focus:outline-none"
         @click="showPopup = true"
       >
         <div v-if="!loading">
           {{ getLabel(value) }}
           <span
             v-if="gpsIsBlocked"
-            class="w-2 h-2 rounded-full bg-red-500"
+            class="h-2 w-2 rounded-full bg-red-500"
           ></span>
         </div>
         <div v-else>Locating...</div>
@@ -18,7 +18,7 @@
         class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700"
       >
         <svg
-          class="fill-current h-4 w-4"
+          class="h-4 w-4 fill-current"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 20 20"
         >
@@ -30,10 +30,10 @@
     </div>
 
     <TPopup v-if="showPopup">
-      <div class="flex justify-between border-b pb-2 mb-4">
+      <div class="mb-4 flex justify-between border-b pb-2">
         <div class="font-bold">{{ popupTitle }}</div>
         <button class="cursor-pointer" @click="showPopup = false">
-          <TIcon name="close" class="cursor-pointer w-4 h-4" />
+          <TIcon name="close" class="h-4 w-4 cursor-pointer" />
         </button>
       </div>
 
@@ -43,14 +43,14 @@
 
       <div
         v-if="!gpsIsBlocked"
-        class="p-2 hover:bg-indigo-500 text-black hover:text-white cursor-pointer flex items-center"
+        class="flex cursor-pointer items-center p-2 text-black hover:bg-indigo-500 hover:text-white"
         @click="locate"
       >
-        <TIcon :name="loading ? 'coffee' : 'gps_fixed'" class="h-4 w-4 mr-2" />
+        <TIcon :name="loading ? 'coffee' : 'gps_fixed'" class="mr-2 h-4 w-4" />
         <span>Locate me</span>
       </div>
       <div
-        class="p-2 hover:bg-indigo-500 text-black hover:text-white cursor-pointer flex items-center"
+        class="flex cursor-pointer items-center p-2 text-black hover:bg-indigo-500 hover:text-white"
         @click="change('')"
       >
         <span>(Empty)</span>
@@ -59,7 +59,7 @@
         <div
           v-for="prediction in predictions"
           :key="prediction.place_id"
-          class="p-2 hover:bg-indigo-500 text-black hover:text-white cursor-pointer text-left"
+          class="cursor-pointer p-2 text-left text-black hover:bg-indigo-500 hover:text-white"
           @click="select(prediction.place_id)"
         >
           {{ prediction.description }}
@@ -69,7 +69,7 @@
         <div
           v-for="city in cities"
           :key="city.locality"
-          class="p-2 hover:bg-indigo-500 text-black hover:text-white cursor-pointer text-left"
+          class="cursor-pointer p-2 text-left text-black hover:bg-indigo-500 hover:text-white"
           @click="change(city)"
         >
           {{ city.locality }}
diff --git a/components/TInput/TInputMulti.vue b/components/TInput/TInputMulti.vue
index 23458b4a..3a6026fc 100644
--- a/components/TInput/TInputMulti.vue
+++ b/components/TInput/TInputMulti.vue
@@ -3,11 +3,11 @@
     <label
       v-for="option in options"
       :key="getValue(option)"
-      class="inline-flex items-center mt-3"
+      class="mt-3 inline-flex items-center"
     >
       <input
         v-model="internalValue"
-        class="h-5 w-5 text-blue-600 rounded-sm"
+        class="h-5 w-5 rounded-sm text-blue-600"
         :value="getValue(option)"
         type="checkbox"
       />
diff --git a/components/TInput/TInputMultiDropdown.vue b/components/TInput/TInputMultiDropdown.vue
index 828ef4a9..e532b2c6 100644
--- a/components/TInput/TInputMultiDropdown.vue
+++ b/components/TInput/TInputMultiDropdown.vue
@@ -1,25 +1,25 @@
 <template>
   <div>
-    <div class="inline-block relative">
+    <div class="relative inline-block">
       <div
-        class="block cursor-pointer w-full bg-white text-black border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline"
+        class="focus:shadow-outline block w-full cursor-pointer rounded border border-gray-400 bg-white px-4 py-2 pr-8 leading-tight text-black shadow hover:border-gray-500 focus:outline-none"
         @click="editing = true"
       >
-        <div class="text-sm flex">
+        <div class="flex text-sm">
           <div>{{ label }}</div>
           <div
             v-if="count"
-            class="ml-1 rounded-full bg-primary text-white w-4 h-4 text-center text-xs"
+            class="ml-1 h-4 w-4 rounded-full bg-primary text-center text-xs text-white"
           >
             {{ count }}
           </div>
         </div>
       </div>
       <div
-        class="pointer-events-none absolute inset-y-0 right-0 flex items-end mb-2 px-2 text-gray-700"
+        class="pointer-events-none absolute inset-y-0 right-0 mb-2 flex items-end px-2 text-gray-700"
       >
         <svg
-          class="fill-current h-4 w-4"
+          class="h-4 w-4 fill-current"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 20 20"
         >
@@ -30,7 +30,7 @@
       </div>
     </div>
     <TPopup v-if="editing" :title="label" @close="editing = false">
-      <div class="max-w-md mx-auto h-64 overflow-y-scroll">
+      <div class="mx-auto h-64 max-w-md overflow-y-scroll">
         <TInputMulti :value="value" :options="options" @input="onChange" />
       </div>
     </TPopup>
diff --git a/components/TInput/TInputPhoto.vue b/components/TInput/TInputPhoto.vue
index 7d68253a..f11e5954 100644
--- a/components/TInput/TInputPhoto.vue
+++ b/components/TInput/TInputPhoto.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="w-full flex flex-col items-center">
+    <div class="flex w-full flex-col items-center">
       <img
         v-if="value"
         :src="value"
@@ -9,7 +9,7 @@
         :class="{ 'rounded-full': circle }"
       />
       <button
-        class="underline text-blue-500 p-4 hover:no-underline"
+        class="p-4 text-blue-500 underline hover:no-underline"
         @click="showPopup = true"
       >
         {{ placeholder || $t('photo.placeholder') }}
@@ -21,7 +21,7 @@
       :title="selectLabel || $t('photo.selectLabel')"
       @close="showPopup = false"
     >
-      <div class="p-4 overflow-hidden">
+      <div class="overflow-hidden p-4">
         <div :class="!editing ? 'cursor-pointer' : ''" class="mx-auto">
           <croppa
             v-model="croppa"
diff --git a/components/TInput/TInputProfile.vue b/components/TInput/TInputProfile.vue
index b4a586d6..4912fccd 100644
--- a/components/TInput/TInputProfile.vue
+++ b/components/TInput/TInputProfile.vue
@@ -44,24 +44,24 @@
     />
     <div
       v-if="query"
-      class="divide-y border rounded shadow absolute bg-white z-50"
+      class="absolute z-50 divide-y rounded border bg-white shadow"
     >
       <div
         v-for="item in suggestions"
         :key="item.id"
-        class="flex px-4 py-2 hover:bg-blue-100 items-center cursor-pointer space-x-2"
+        class="flex cursor-pointer items-center space-x-2 px-4 py-2 hover:bg-blue-100"
         @click="add(item)"
       >
         <TProfilePhoto2 size="md" :src="item.photo" />
         <div class="flex-grow">
-          <div v-if="item.name" class="font-bold text-sm">{{ item.name }}</div>
-          <div class="text-xs text-gray-700 flex space-x-2">
+          <div v-if="item.name" class="text-sm font-bold">{{ item.name }}</div>
+          <div class="flex space-x-2 text-xs text-gray-700">
             <div>@{{ item.username }}</div>
-            <div v-if="item.instagram" class="space-x-1 flex">
+            <div v-if="item.instagram" class="flex space-x-1">
               <TIcon name="instagram" size="4" />
               <div>{{ item.instagram }}</div>
             </div>
-            <div v-if="item.facebook" class="space-x-1 flex">
+            <div v-if="item.facebook" class="flex space-x-1">
               <TIcon name="facebook" size="4" />
               <div>{{ item.facebook }}</div>
             </div>
@@ -70,7 +70,7 @@
       </div>
       <template v-if="inviteUsername">
         <div
-          class="flex px-4 py-2 hover:bg-blue-100 items-center cursor-pointer space-x-1 text-sm text-gray-700"
+          class="flex cursor-pointer items-center space-x-1 px-4 py-2 text-sm text-gray-700 hover:bg-blue-100"
           @click="
             create({ username: inviteUsername, instagram: inviteUsername })
           "
@@ -84,7 +84,7 @@
           </div>
         </div>
         <div
-          class="flex px-4 py-2 hover:bg-blue-100 items-center cursor-pointer space-x-1 text-sm text-gray-700"
+          class="flex cursor-pointer items-center space-x-1 px-4 py-2 text-sm text-gray-700 hover:bg-blue-100"
           @click="
             create({ username: inviteUsername, facebook: inviteUsername })
           "
diff --git a/components/TInput/TInputSelect.vue b/components/TInput/TInputSelect.vue
index a02f43d2..f27e467f 100644
--- a/components/TInput/TInputSelect.vue
+++ b/components/TInput/TInputSelect.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="flex-shrink-0 relative">
+  <div class="relative flex-shrink-0">
     <select
       :value="value"
       v-bind="$attrs"
-      class="block appearance-none w-full bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow text-sm leading-tight focus:outline-none focus:shadow-outline"
+      class="focus:shadow-outline block w-full appearance-none rounded border border-gray-400 bg-white px-4 py-2 pr-8 text-sm leading-tight shadow hover:border-gray-500 focus:outline-none"
       @change="change($event)"
     >
       <option
@@ -18,7 +18,7 @@
       class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700"
     >
       <svg
-        class="fill-current h-4 w-4"
+        class="h-4 w-4 fill-current"
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 20 20"
       >
diff --git a/components/TInput/TInputSelectSmall.vue b/components/TInput/TInputSelectSmall.vue
index 7a5ef8cb..c571e00d 100644
--- a/components/TInput/TInputSelectSmall.vue
+++ b/components/TInput/TInputSelectSmall.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="flex-shrink-0 relative">
+  <div class="relative flex-shrink-0">
     <select
       :value="value"
       v-bind="$attrs"
-      class="block appearance-none text-xs text-gray-700 rounded px-1 pr-4"
+      class="block appearance-none rounded px-1 pr-4 text-xs text-gray-700"
       @change="change($event)"
     >
       <option
@@ -15,9 +15,9 @@
       </option>
     </select>
     <div
-      class="pointer-events-none absolute inset-y-0 right-0 flex items-center mr-1 -mt-4 text-gray-700"
+      class="pointer-events-none absolute inset-y-0 right-0 mr-1 -mt-4 flex items-center text-gray-700"
     >
-      <ChevronDownIcon class="w-3 h-3" />
+      <ChevronDownIcon class="h-3 w-3" />
     </div>
   </div>
 </template>
diff --git a/components/TInput/TInputStyles.vue b/components/TInput/TInputStyles.vue
index 5eeb9a84..eb7cdfe4 100644
--- a/components/TInput/TInputStyles.vue
+++ b/components/TInput/TInputStyles.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="text-center">
     <div v-for="category in categories" :key="category" class="mb-4">
-      <h4 class="font-bold text-lg">{{ category }}</h4>
+      <h4 class="text-lg font-bold">{{ category }}</h4>
       <div class="text-center">
         <template v-for="style in subStyles(category)">
           <div
             :key="style.id"
             :class="{ 'bg-primary text-white': contains(style.id) }"
-            class="rounded px-2 py-1 border m-1 inline-block cursor-pointer"
+            class="m-1 inline-block cursor-pointer rounded border px-2 py-1"
             @click="trigger(style.id)"
           >
             <span>{{ style.name }}</span>
@@ -17,7 +17,7 @@
               <div
                 :key="kid.id"
                 :class="{ 'bg-primary text-white': contains(kid.id) }"
-                class="rounded bg-red-200 px-2 py-1 border m-1 inline-block cursor-pointer"
+                class="m-1 inline-block cursor-pointer rounded border bg-red-200 px-2 py-1"
                 @click="trigger(kid.id)"
               >
                 <span>{{ kid.name }}</span>
diff --git a/components/TInput/TInputStylesSelect.vue b/components/TInput/TInputStylesSelect.vue
index 6009947e..df52198e 100644
--- a/components/TInput/TInputStylesSelect.vue
+++ b/components/TInput/TInputStylesSelect.vue
@@ -3,7 +3,7 @@
     <div
       v-for="style in getStyles(value)"
       :key="style.id"
-      class="flex mb-2 items-center"
+      class="mb-2 flex items-center"
     >
       <div class="w-1/2">
         {{ style.name }}
diff --git a/components/TInput/TInputStylesSelect2.vue b/components/TInput/TInputStylesSelect2.vue
index f78e8435..0438d015 100644
--- a/components/TInput/TInputStylesSelect2.vue
+++ b/components/TInput/TInputStylesSelect2.vue
@@ -3,7 +3,7 @@
     <div
       v-for="style in styles"
       :key="style.id"
-      class="flex items-center justify-between space-x-2 p-2 border rounded"
+      class="flex items-center justify-between space-x-2 rounded border p-2"
     >
       <TButton
         v-if="!hideHighlight"
diff --git a/components/TInput/TInputTextarea.vue b/components/TInput/TInputTextarea.vue
index 29ae66b5..7f4b1b9f 100644
--- a/components/TInput/TInputTextarea.vue
+++ b/components/TInput/TInputTextarea.vue
@@ -5,12 +5,12 @@
         <textarea
           v-model="input"
           v-bind="$attrs"
-          class="w-full block bg-gray-200 appearance-none font-mono border-2 border-gray-200 rounded py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500"
+          class="block w-full appearance-none rounded border-2 border-gray-200 bg-gray-200 py-2 px-4 font-mono leading-tight text-gray-700 focus:border-purple-500 focus:bg-white focus:outline-none"
           @input="resize"
         />
         <div
           v-if="max > 0"
-          class="text-gray-500 text-sm text-right"
+          class="text-right text-sm text-gray-500"
           :class="{ 'text-red-500': value.length > max }"
         >
           {{ value.length }} / {{ max }}
diff --git a/components/TItemComments.vue b/components/TItemComments.vue
index cb738201..9167d0c6 100644
--- a/components/TItemComments.vue
+++ b/components/TItemComments.vue
@@ -2,7 +2,7 @@
   <div id="comment" class="mt-8 text-xs">
     <TListComments class="mt-4" :post-id="postId">
       <template v-slot:empty>
-        <div class="text-center my-8">{{ $t('comments.empty') }}</div>
+        <div class="my-8 text-center">{{ $t('comments.empty') }}</div>
       </template>
     </TListComments>
   </div>
diff --git a/components/TItemCreator.vue b/components/TItemCreator.vue
index 4ca6c87b..4ee5684f 100644
--- a/components/TItemCreator.vue
+++ b/components/TItemCreator.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="p-4 bg-gray-100">
+  <div class="bg-gray-100 p-4">
     <TProfileCard3
       :label="`Published on ${publishedAt} by`"
       :profile="creator"
@@ -12,7 +12,7 @@
     <TProfileContacts
       v-if="full"
       :profile="creator"
-      class="mt-4 p-2 bg-gray-100"
+      class="mt-4 bg-gray-100 p-2"
     />
   </div>
 </template>
diff --git a/components/TItemEdit.vue b/components/TItemEdit.vue
index db167562..a25fefb3 100644
--- a/components/TItemEdit.vue
+++ b/components/TItemEdit.vue
@@ -1,12 +1,12 @@
 <template>
   <TLoader v-if="loading" />
   <div v-else>
-    <div v-if="indexUrl" class="flex justify-between m-4">
+    <div v-if="indexUrl" class="m-4 flex justify-between">
       <div class="font-bold">{{ title }}</div>
       <TButton
         icon="close"
         type="icon"
-        class="cursor-pointer w-4 h-4"
+        class="h-4 w-4 cursor-pointer"
         :to="indexUrl"
       />
     </div>
@@ -20,7 +20,7 @@
       :show-remove="showRemove"
       :submit-label="exists ? saveLabel : addLabel"
       :edit-creator="editCreator"
-      class="p-4 space-y-4"
+      class="space-y-4 p-4"
       @save="saveItem"
       @cancel="cancelItem"
       @remove="removeItem"
diff --git a/components/TItemFooter.vue b/components/TItemFooter.vue
index bec92a23..d6455ced 100644
--- a/components/TItemFooter.vue
+++ b/components/TItemFooter.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="border-t mt-4 p-4 bg-white flex justify-between posts-center sticky bottom-0"
+    class="posts-center sticky bottom-0 mt-4 flex justify-between border-t bg-white p-4"
   >
     <TButtonFav :collection="collection" :item="item" />
     <div class="flex space-x-2">
diff --git a/components/TItemToolbar.vue b/components/TItemToolbar.vue
index bcdde987..592b2296 100644
--- a/components/TItemToolbar.vue
+++ b/components/TItemToolbar.vue
@@ -1,10 +1,10 @@
 <template>
-  <div v-if="can('edit', collection, item)" class="flex space-x-2 justify-end">
+  <div v-if="can('edit', collection, item)" class="flex justify-end space-x-2">
     <TButton
       v-if="dashboard"
       icon="people"
       :to="`/${collection}/${item.id}/dashboard`"
-      class="hover:text-blue-500 mr-2"
+      class="mr-2 hover:text-blue-500"
       :label="$('post.dashboard')"
     />
     <TButton
diff --git a/components/TListItem.vue b/components/TListItem.vue
index d8df0d9b..b021a69a 100644
--- a/components/TListItem.vue
+++ b/components/TListItem.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="p-4">
     <dl v-for="field in fields" :key="field.value" class="flex space-x-2">
-      <dt class="font-bold w-1/3 text-right">{{ field.label }}</dt>
+      <dt class="w-1/3 text-right font-bold">{{ field.label }}</dt>
       <dd>{{ item[field.value] }}</dd>
     </dl>
   </div>
diff --git a/components/TMenu.vue b/components/TMenu.vue
index 76f60a6a..a2846fe4 100644
--- a/components/TMenu.vue
+++ b/components/TMenu.vue
@@ -5,10 +5,10 @@
     </div>
     <div
       v-if="show"
-      class="fixed w-full h-full top-0 left-0 bg-black opacity-0 z-40"
+      class="fixed top-0 left-0 z-40 h-full w-full bg-black opacity-0"
       @click="closeMenu"
     ></div>
-    <div v-if="show" class="absolute text-left z-50" :class="classes">
+    <div v-if="show" class="absolute z-50 text-left" :class="classes">
       <slot name="menu" :closeMenu="closeMenu" />
     </div>
   </div>
diff --git a/components/TMenu2.vue b/components/TMenu2.vue
index 772a528e..e766d80e 100644
--- a/components/TMenu2.vue
+++ b/components/TMenu2.vue
@@ -7,10 +7,10 @@
     </div>
     <div
       v-if="show"
-      class="fixed w-full h-full top-0 left-0 bg-black opacity-0 z-40"
+      class="fixed top-0 left-0 z-40 h-full w-full bg-black opacity-0"
       @click="closeMenu"
     ></div>
-    <div v-if="show" class="absolute text-left z-50" :class="classes">
+    <div v-if="show" class="absolute z-50 text-left" :class="classes">
       <div :class="wrapped ? wrappedClasses : ''">
         <slot :closeMenu="closeMenu" />
       </div>
diff --git a/components/TPopup.vue b/components/TPopup.vue
index 2fc39489..27681dae 100644
--- a/components/TPopup.vue
+++ b/components/TPopup.vue
@@ -1,21 +1,21 @@
 <template>
   <div
     ref="wrapper"
-    class="fixed w-full h-full top-0 left-0 flex items-end md:items-center justify-center"
+    class="fixed top-0 left-0 flex h-full w-full items-end justify-center md:items-center"
     style="z-index: 100"
   >
     <div
-      class="fixed w-full h-full top-0 left-0 bg-black opacity-50 z-40"
+      class="fixed top-0 left-0 z-40 h-full w-full bg-black opacity-50"
       @click="$emit('close')"
     ></div>
     <transition appear name="slide-up">
       <div
-        class="bg-white px-4 rounded w-full md:w-auto z-50 overflow-y-scroll mt-4 flex justify-center items-center max-h-screen"
+        class="z-50 mt-4 flex max-h-screen w-full items-center justify-center overflow-y-scroll rounded bg-white px-4 md:w-auto"
       >
         <div class="w-full">
           <div
             v-if="title"
-            class="flex bg-white justify-between border-b pt-4 pb-2 sticky top-0 z-50"
+            class="sticky top-0 z-50 flex justify-between border-b bg-white pt-4 pb-2"
           >
             <div class="font-bold">{{ title }}</div>
             <button
@@ -23,7 +23,7 @@
               class="cursor-pointer"
               @click="$emit('close')"
             >
-              <TIcon name="close" class="cursor-pointer w-4 h-4" />
+              <TIcon name="close" class="h-4 w-4 cursor-pointer" />
             </button>
           </div>
 
diff --git a/components/TPopupEdit.vue b/components/TPopupEdit.vue
index 710a0555..15c6c93a 100644
--- a/components/TPopupEdit.vue
+++ b/components/TPopupEdit.vue
@@ -15,7 +15,7 @@
       :title="title || label"
       @close="isPopupOpen = false"
     >
-      <div class="max-w-md mx-auto py-4 max-h-screen overflow-y-scroll">
+      <div class="mx-auto max-h-screen max-w-md overflow-y-scroll py-4">
         <TItemEdit
           :id="item.id"
           :title="title"
diff --git a/components/TPost.vue b/components/TPost.vue
index 43d0ca18..25f8d9b7 100644
--- a/components/TPost.vue
+++ b/components/TPost.vue
@@ -27,7 +27,7 @@
           <TPreview :excerpt="!show" :content="item.description" />
           <div
             v-if="item.description && item.description.length > 140"
-            class="p-2 text-blue-700 cursor-pointer underline hover:no-underline text-xs text-center mb-2"
+            class="mb-2 cursor-pointer p-2 text-center text-xs text-blue-700 underline hover:no-underline"
             @click="show = !show"
           >
             {{ show ? $t('TPost.showLess') : $t('TPost.showMore') }}
diff --git a/components/TPostList.vue b/components/TPostList.vue
index 5f180cb4..02362f5b 100644
--- a/components/TPostList.vue
+++ b/components/TPostList.vue
@@ -7,17 +7,17 @@
     >
       {{ emptyLabel }}
     </div>
-    <h2 v-if="title" class="font-bold text-lg mb-4">{{ title }}</h2>
+    <h2 v-if="title" class="mb-4 text-lg font-bold">{{ title }}</h2>
     <div v-if="docs.length">
       <div v-for="item in docs" :key="item.id">
         <TPost :item="item" :hide-media="hideMedia">
-          <TReactions :item="item" class="pt-4 justify-center" />
+          <TReactions :item="item" class="justify-center pt-4" />
 
           <TCommentsInline v-if="!item.hideComments" :item="item" class="p-4" />
         </TPost>
       </div>
 
-      <div class="mt-4 p-4 flex justify-center items-center">
+      <div class="mt-4 flex items-center justify-center p-4">
         <TButton @click="loadMore">{{ $t('TPostList.loadMore') }}</TButton>
       </div>
     </div>
diff --git a/components/TProfile.vue b/components/TProfile.vue
index 4fcaf67c..3c381137 100644
--- a/components/TProfile.vue
+++ b/components/TProfile.vue
@@ -34,7 +34,7 @@
 
     <template v-if="uid === profile.id">
       <div v-if="intro.visible" class="m-4 rounded border p-4">
-        <h2 class="border-b p-4 font-bold text-lg -m-4 mb-4">
+        <h2 class="-m-4 mb-4 border-b p-4 text-lg font-bold">
           {{ $t('myprofile.intro.title') }}
         </h2>
         <div class="typo">
@@ -121,9 +121,9 @@
         size="sm"
       />
 
-      <div class="my-2 px-4 flex justify-between">
+      <div class="my-2 flex justify-between px-4">
         <div class="flex items-center">
-          <div class="font-bold text-lg leading-none">
+          <div class="text-lg font-bold leading-none">
             {{ profile.name }}
           </div>
           <div class="ml-2 text-sm text-gray-700">
@@ -154,7 +154,7 @@
       </div>
     </template>
 
-    <TProfileContacts :profile="profile" class="p-2 mb-4 bg-gray-100" />
+    <TProfileContacts :profile="profile" class="mb-4 bg-gray-100 p-2" />
 
     <div v-if="uid === profile.id" class="flex justify-center space-x-2">
       <TButton :label="$t('myprofile.edit')" to="/settings?tab=profile" />
@@ -164,7 +164,7 @@
       v-if="profile.partner === 'Yes'"
       :title="$t('profile.partnerSearch.title')"
       :description="profile.partnerBio"
-      class="w-full mt-4"
+      class="mt-4 w-full"
     />
 
     <TPreview v-if="profile.story" :content="profile.story" class="p-4" />
@@ -182,7 +182,7 @@
       class="mt-4 w-full"
     />
 
-    <div v-if="uid === profile.id" class="w-full flex justify-center p-4">
+    <div v-if="uid === profile.id" class="flex w-full justify-center p-4">
       <TButton to="/events/-/edit" type="primary">{{
         $t('myprofile.addEvent')
       }}</TButton>
@@ -190,7 +190,7 @@
 
     <TProfileDetails v-if="profile.type !== 'City'" :profile="profile" />
 
-    <div v-if="uid === profile.id" class="w-full flex justify-center p-4 mt-4">
+    <div v-if="uid === profile.id" class="mt-4 flex w-full justify-center p-4">
       <TButton to="/posts/-/edit" type="primary">{{
         $t('myprofile.addPost')
       }}</TButton>
diff --git a/components/TProfileCard3.vue b/components/TProfileCard3.vue
index 435d494c..2e073a81 100644
--- a/components/TProfileCard3.vue
+++ b/components/TProfileCard3.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-if="label" class="font-bold text-sm mb-4 leading-none text-gray-700">
+    <div v-if="label" class="mb-4 text-sm font-bold leading-none text-gray-700">
       {{ label }}
     </div>
     <div class="flex">
@@ -15,14 +15,12 @@
           {{ profile.username }}
         </NuxtLink>
         <div class="text-xs text-gray-800">{{ profile.bio }}</div>
-        <div v-if="showDetails" class="text-sm text-gray-700 mt-4">
+        <div v-if="showDetails" class="mt-4 text-sm text-gray-700">
           <dl class="flex space-x-1">
             <dt class="font-bold">Address:</dt>
             <dd>
               <a
-                :href="
-                  `https://maps.google.com/?q=${profile.zipcode} ${profile.community}`
-                "
+                :href="`https://maps.google.com/?q=${profile.zipcode} ${profile.community}`"
                 class="underline hover:no-underline"
                 target="_blank"
                 >{{ profile.community }} {{ profile.zipcode }}</a
@@ -37,7 +35,7 @@
             <dt class="font-bold">Weight:</dt>
             <dd>{{ profile.weight }}kg</dd>
           </dl>
-          <dl v-if="profile.locales" class="md:flex space-x-1">
+          <dl v-if="profile.locales" class="space-x-1 md:flex">
             <dt class="font-bold">Languages:</dt>
             <dd>{{ getLabels(languages, profile.locales) }}</dd>
           </dl>
diff --git a/components/TProfileContact.vue b/components/TProfileContact.vue
index 119c57db..bdb1567a 100644
--- a/components/TProfileContact.vue
+++ b/components/TProfileContact.vue
@@ -13,10 +13,10 @@
       <div class="my-4 flex flex-col justify-center">
         <div
           v-if="!myProfile.bio || !myProfile.photo || !myProfile.languages"
-          class="mb-4 p-4 rounded border"
+          class="mb-4 rounded border p-4"
         >
           <p class="font-bold">Your profile is the best introduction:</p>
-          <ul class="list-disc ml-4">
+          <ul class="ml-4 list-disc">
             <li
               class="text-red-500"
               :class="{ 'text-green-500': myProfile.photo }"
@@ -48,7 +48,7 @@
           rows="10"
         />
 
-        <div class="flex mt-2 justify-end">
+        <div class="mt-2 flex justify-end">
           <TButton class="mr-2" @click="isWritingMessage = false"
             >Cancel</TButton
           >
@@ -58,10 +58,10 @@
     </TPopup>
 
     <TPopup v-if="showPopup">
-      <div class="flex justify-between border-b pb-2 mb-4">
+      <div class="mb-4 flex justify-between border-b pb-2">
         <div class="font-bold">Members only</div>
         <button class="cursor-pointer" @click="showPopup = false">
-          <TIcon name="close" class="cursor-pointer w-4 h-4" />
+          <TIcon name="close" class="h-4 w-4 cursor-pointer" />
         </button>
       </div>
       <div class="my-4 flex flex-col justify-center">
diff --git a/components/TProfileContacts.vue b/components/TProfileContacts.vue
index f951bf29..763a1966 100644
--- a/components/TProfileContacts.vue
+++ b/components/TProfileContacts.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="md:flex items-center justify-center space-x-2 space-y-2">
+  <div class="items-center justify-center space-x-2 space-y-2 md:flex">
     <div v-if="title" class="pl-2 font-bold">{{ title }}</div>
-    <div class="p-4 flex flex-wrap gap-2 items-center justify-center">
+    <div class="flex flex-wrap items-center justify-center gap-2 p-4">
       <TButton
         v-if="!short && profile.website"
         :href="profile.website"
diff --git a/components/TProfileDetails.vue b/components/TProfileDetails.vue
index c2fb3ed8..3959732b 100644
--- a/components/TProfileDetails.vue
+++ b/components/TProfileDetails.vue
@@ -1,11 +1,11 @@
 <template>
-  <div class="space-y-4 mt-8 p-4 bg-gray-100">
+  <div class="mt-8 space-y-4 bg-gray-100 p-4">
     <dl v-if="profile.locales">
-      <dt class="font-bold mr-1">{{ $t('profile.languages') }}:</dt>
+      <dt class="mr-1 font-bold">{{ $t('profile.languages') }}:</dt>
       <dd>{{ getLabels(languages, profile.locales) }}</dd>
     </dl>
     <dl v-else-if="profile.languages">
-      <dt class="font-bold mr-1">{{ $t('profile.languages') }}:</dt>
+      <dt class="mr-1 font-bold">{{ $t('profile.languages') }}:</dt>
       <dd>{{ profile.languages }}</dd>
     </dl>
     <div v-if="profile.objectives">
@@ -30,17 +30,17 @@
     </div>
 
     <dl class="mt-4 md:flex">
-      <dt class="font-bold mr-1">{{ $t('profile.joined') }}:</dt>
+      <dt class="mr-1 font-bold">{{ $t('profile.joined') }}:</dt>
       <dd>{{ getDateTimeYear(profile.createdAt) }}</dd>
     </dl>
 
     <dl v-if="profile.lastLoginAt" class="mt-4 md:flex">
-      <dt class="font-bold mr-1">{{ $t('profile.profileSorts.lastSeen') }}:</dt>
+      <dt class="mr-1 font-bold">{{ $t('profile.profileSorts.lastSeen') }}:</dt>
       <dd>{{ getDateTimeYear(profile.lastLoginAt) }}</dd>
     </dl>
 
     <dl class="mt-4 md:flex">
-      <dt class="font-bold mr-1">{{ $t('visibility.label') }}:</dt>
+      <dt class="mr-1 font-bold">{{ $t('visibility.label') }}:</dt>
       <dd>{{ profile.visibility }}</dd>
     </dl>
   </div>
@@ -59,11 +59,8 @@ export default {
     },
   },
   setup() {
-    const {
-      objectivesList,
-      profilePosterFields,
-      profileDetailFields,
-    } = useProfiles()
+    const { objectivesList, profilePosterFields, profileDetailFields } =
+      useProfiles()
 
     return {
       objectivesList,
diff --git a/components/TProfilePhoto2.vue b/components/TProfilePhoto2.vue
index 7650b21f..d167e93a 100644
--- a/components/TProfilePhoto2.vue
+++ b/components/TProfilePhoto2.vue
@@ -5,7 +5,7 @@
       name="undraw_profile_pic"
       :class="`rounded-full w-${dim} h-${dim}`"
     />
-    <img v-else :class="`rounded-full w-full`" :src="src" />
+    <img v-else :class="`w-full rounded-full`" :src="src" />
   </div>
 </template>
 
diff --git a/components/TRecipients.vue b/components/TRecipients.vue
index a04e584c..3e9df652 100644
--- a/components/TRecipients.vue
+++ b/components/TRecipients.vue
@@ -1,14 +1,14 @@
 <template>
   <TPopup
     title="Recipients"
-    class="p-4 border rounded mb-4"
+    class="mb-4 rounded border p-4"
     @close="$emit('close')"
   >
-    <div class="w-64 py-4 h-64 overflow-y-scroll">
+    <div class="h-64 w-64 overflow-y-scroll py-4">
       <div v-for="(items, folder) in folders" :key="folder" class="mb-2">
         <div
           v-if="items.length"
-          class="px-2 py-1 rounded font-bold cursor-pointer"
+          class="cursor-pointer rounded px-2 py-1 font-bold"
           :class="states[folder]"
           @click="current === folder ? (current = '') : (current = folder)"
         >
@@ -19,10 +19,10 @@
           <div
             v-for="(recipient, uid) in items"
             :key="uid"
-            class="flex items-center my-1"
+            class="my-1 flex items-center"
           >
             <div class="mr-4">
-              <div class="text-xs text-gray-500 leading-none">
+              <div class="text-xs leading-none text-gray-500">
                 {{ getDateTime(recipient[folder]) }}
               </div>
               <div>{{ recipient.name || recipient.email }}</div>
diff --git a/components/TSharePreview.vue b/components/TSharePreview.vue
index 9861002b..334edeab 100644
--- a/components/TSharePreview.vue
+++ b/components/TSharePreview.vue
@@ -2,26 +2,26 @@
   <div>
     <div
       id="canvas"
-      class="relative leading-none font-lato"
+      class="relative font-lato leading-none"
       :style="`width: ${size}px; height: ${size}px;`"
     >
       <TCover :width="size" :height="size" :src="photo" />
       <div
-        class="relative p-8 text-white flex flex-col bg-gradient-to-t from-black via-transparent to-transparent"
+        class="relative flex flex-col bg-gradient-to-t from-black via-transparent to-transparent p-8 text-white"
         :style="`margin-top: -${size}px; width: ${size}px; height: ${size}px;`"
       >
-        <div class="flex-grow-0 flex flex-col items-end">
+        <div class="flex flex-grow-0 flex-col items-end">
           <div
-            class="uppercase py-4 px-8 -mr-8 text-4xl font-bold"
+            class="-mr-8 py-4 px-8 text-4xl font-bold uppercase"
             :class="labelColor"
           >
             {{ type }}
           </div>
-          <div class="mt-8 text-shadow-md text-right space-y-2">
+          <div class="text-shadow-md mt-8 space-y-2 text-right">
             <div
               v-for="dance in dances"
               :key="dance.id"
-              class="uppercase text-3xl flex space-x-2 justify-end items-center"
+              class="flex items-center justify-end space-x-2 text-3xl uppercase"
             >
               <span>{{ dance.name }}</span
               ><TIcon :name="getIcon(dance.level)" size="8" />
@@ -36,8 +36,8 @@
           <div class="text-3xl leading-normal">
             {{ description }}
           </div>
-          <div class="flex justify-between items-end">
-            <div class="flex items-center mt-4">
+          <div class="flex items-end justify-between">
+            <div class="mt-4 flex items-center">
               <div v-if="collection === 'events'">
                 <div v-if="claimed === 'Yes'" class="mr-4 text-2xl">
                   Organised by
@@ -46,7 +46,7 @@
                   Promoted by
                 </div>
               </div>
-              <TIcon class="w-8 h-8 mr-2" name="icon" />
+              <TIcon class="mr-2 h-8 w-8" name="icon" />
               <div class="text-4xl font-bold">{{ username }}</div>
               <div class="ml-2 text-2xl">on www.wedance.vip</div>
             </div>
diff --git a/components/TSharePreviewPost.vue b/components/TSharePreviewPost.vue
index 5eca3401..7b38ae6b 100644
--- a/components/TSharePreviewPost.vue
+++ b/components/TSharePreviewPost.vue
@@ -1,32 +1,32 @@
 <template>
   <div>
-    <div id="canvas" class="relative leading-none font-lato">
+    <div id="canvas" class="relative font-lato leading-none">
       <img v-if="photo" :src="photo" :alt="title" class="absolute w-full" />
       <div class="square bg-indigo-500"></div>
 
       <div
-        class="absolute h-full w-full top-0 p-4 text-white flex flex-col bg-gradient-to-t from-black to-transparent"
+        class="absolute top-0 flex h-full w-full flex-col bg-gradient-to-t from-black to-transparent p-4 text-white"
       >
-        <div class="flex-grow-0 flex flex-col items-end">
+        <div class="flex flex-grow-0 flex-col items-end">
           <div
             v-if="type"
-            class="uppercase py-2 px-4 -mr-4 text-sm font-bold"
+            class="-mr-4 py-2 px-4 text-sm font-bold uppercase"
             :class="labelColor"
           >
             {{ type }}
           </div>
-          <div class="mt-2 text-shadow-md text-right space-y-2">
+          <div class="text-shadow-md mt-2 space-y-2 text-right">
             <div
               v-for="dance in dances"
               :key="dance.id"
-              class="uppercase text-xs flex space-x-2 justify-end items-center"
+              class="flex items-center justify-end space-x-2 text-xs uppercase"
             >
               <span>{{ dance.name }}</span
               ><TIcon :name="getIcon(dance.level)" size="4" />
             </div>
           </div>
         </div>
-        <div class="flex-grow text-center flex items-center justify-center">
+        <div class="flex flex-grow items-center justify-center text-center">
           <div v-if="align === 'center'" class="px-8">
             <div
               v-if="title"
@@ -35,7 +35,7 @@
             >
               {{ title }}
             </div>
-            <div class="hidden md:block text-lg leading-tight mt-4">
+            <div class="mt-4 hidden text-lg leading-tight md:block">
               {{ description }}
             </div>
           </div>
@@ -45,11 +45,11 @@
             <div v-if="title" class="text-lg font-bold leading-tight">
               {{ title }}
             </div>
-            <div class="text-sm leading-tight mb-1">
+            <div class="mb-1 text-sm leading-tight">
               {{ description }}
             </div>
           </template>
-          <div class="flex justify-between items-end">
+          <div class="flex items-end justify-between">
             <div class="flex items-center">
               <div v-if="collection === 'events'">
                 <div v-if="claimed === 'Yes'" class="mr-2 text-sm">
@@ -59,10 +59,10 @@
                   Promoted by
                 </div>
               </div>
-              <TIcon class="w-4 h-4 mr-1" name="icon" />
+              <TIcon class="mr-1 h-4 w-4" name="icon" />
               <div class="text-sm font-bold">{{ username }}</div>
             </div>
-            <div v-if="color" :class="color" class="rounded-full w-2 h-2"></div>
+            <div v-if="color" :class="color" class="h-2 w-2 rounded-full"></div>
             <div v-if="extra && collection !== 'events'" class="text-sm">
               {{ extra }}
             </div>
diff --git a/components/TSharePreviewPost2.vue b/components/TSharePreviewPost2.vue
index 6e586273..803cabc2 100644
--- a/components/TSharePreviewPost2.vue
+++ b/components/TSharePreviewPost2.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div id="canvas" class="relative leading-none font-lato">
+    <div id="canvas" class="relative font-lato leading-none">
       <img
         v-if="photo"
         :src="photo"
@@ -10,24 +10,24 @@
       <div v-else class="square bg-indigo-500"></div>
 
       <div
-        class="absolute h-full w-full top-0 p-4 text-white flex flex-col bg-gradient-to-t from-black to-transparent"
+        class="absolute top-0 flex h-full w-full flex-col bg-gradient-to-t from-black to-transparent p-4 text-white"
       >
         <div class="absolute">
           <slot name="top" />
         </div>
-        <div class="flex-grow-0 flex flex-col items-end">
+        <div class="flex flex-grow-0 flex-col items-end">
           <div
             v-if="type"
-            class="uppercase py-2 px-4 -mr-4 text-sm font-bold"
+            class="-mr-4 py-2 px-4 text-sm font-bold uppercase"
             :class="labelColor"
           >
             {{ type }}
           </div>
-          <div v-if="dances" class="mt-2 text-shadow-md text-right space-y-2">
+          <div v-if="dances" class="text-shadow-md mt-2 space-y-2 text-right">
             <div
               v-for="dance in dances"
               :key="dance.id"
-              class="uppercase text-xs flex space-x-2 justify-end items-center"
+              class="flex items-center justify-end space-x-2 text-xs uppercase"
             >
               <span>{{ dance.name }}</span
               ><TIcon :name="getIcon(dance.level)" size="4" />
@@ -35,7 +35,7 @@
           </div>
           <slot name="right" />
         </div>
-        <div class="flex-grow text-center flex items-center justify-center">
+        <div class="flex flex-grow items-center justify-center text-center">
           <div class="px-8">
             <div
               v-if="centerTitle"
@@ -46,7 +46,7 @@
             </div>
             <div
               v-if="centerDescription"
-              class="hidden md:block text-lg leading-tight mt-4"
+              class="mt-4 hidden text-lg leading-tight md:block"
             >
               {{ centerDescription }}
             </div>
@@ -56,20 +56,20 @@
           <div v-if="bottomTitle" class="text-lg font-bold leading-tight">
             {{ bottomTitle }}
           </div>
-          <div v-if="bottomDescription" class="text-sm leading-tight mb-1">
+          <div v-if="bottomDescription" class="mb-1 text-sm leading-tight">
             {{ bottomDescription }}
           </div>
-          <div class="flex justify-between items-end">
+          <div class="flex items-end justify-between">
             <div v-if="username" class="flex items-center">
-              <TIcon class="w-4 h-4 mr-1" name="icon" />
+              <TIcon class="mr-1 h-4 w-4" name="icon" />
               <div class="text-sm font-bold">{{ username }}</div>
             </div>
             <TButtonLike v-if="likes !== false" :count="likes" :value="true" />
-            <div v-if="color" :class="color" class="rounded-full w-2 h-2"></div>
+            <div v-if="color" :class="color" class="h-2 w-2 rounded-full"></div>
             <div v-if="extra" class="text-sm">{{ extra }}</div>
             <div
               v-if="objective"
-              class="bg-primary text-sm font-bold text-white rounded-full px-4 py-2 leading-none"
+              class="rounded-full bg-primary px-4 py-2 text-sm font-bold leading-none text-white"
             >
               {{ objective }}
             </div>
diff --git a/components/TTabs.vue b/components/TTabs.vue
index d8355287..59828918 100644
--- a/components/TTabs.vue
+++ b/components/TTabs.vue
@@ -3,7 +3,7 @@
     <button
       v-for="tab in tabs"
       :key="tab.value"
-      class="border border-gray-200 w-full rounded-t focus:outline-none hover:bg-gray-100"
+      class="w-full rounded-t border border-gray-200 hover:bg-gray-100 focus:outline-none"
       @click="$emit('input', tab.value)"
     >
       <div class="p-2">
diff --git a/components/global/WProfile.vue b/components/global/WProfile.vue
index 148d3b07..f484e8dd 100644
--- a/components/global/WProfile.vue
+++ b/components/global/WProfile.vue
@@ -1,26 +1,26 @@
 <template>
   <div
     v-if="!fallback && !exists"
-    class="border rounded p-4 text-red-500 flex justify-between"
+    class="flex justify-between rounded border p-4 text-red-500"
   >
     <div>Profile {{ username }} not found</div>
     <slot />
   </div>
   <div v-else>
     <div
-      class="flex-row gap-2 flex justify-between items-center py-2 m-1 border-t border-gray-200 px-2 h-full"
+      class="m-1 flex h-full flex-row items-center justify-between gap-2 border-t border-gray-200 py-2 px-2"
     >
-      <div class="flex-shrink-0 w-12">
+      <div class="w-12 flex-shrink-0">
         <TProfilePhoto2 size="lg" :src="profile.photo" />
       </div>
-      <div class="flex flex-col w-full">
+      <div class="flex w-full flex-col">
         <NuxtLink :to="`/${profile.username}`" class="font-bold">
           {{ profile.name || profile.username }}
         </NuxtLink>
         <div v-show="profile.role" class="text-xs">
           {{ getLabel(eventRoleOptions, profile.role) }}
         </div>
-        <div v-show="profile.bio" class="text-gray-700 text-xs">
+        <div v-show="profile.bio" class="text-xs text-gray-700">
           {{ profile.bio }}
         </div>
       </div>
diff --git a/components/global/WTeaser.vue b/components/global/WTeaser.vue
index f0d8a576..1ddd7bd4 100644
--- a/components/global/WTeaser.vue
+++ b/components/global/WTeaser.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="border bg-gray-100 text-sm text-center p-4 my-4">
+  <div class="my-4 border bg-gray-100 p-4 text-center text-sm">
     <div>
-      <h4 class="font-bold text-xl my-0">{{ title }}</h4>
+      <h4 class="my-0 text-xl font-bold">{{ title }}</h4>
       <p>{{ description }}</p>
     </div>
     <div class="flex justify-center">
diff --git a/content/styles/AfroHouse.yml b/content/styles/AfroHouse.yml
index f1f856fa..2313d211 100644
--- a/content/styles/AfroHouse.yml
+++ b/content/styles/AfroHouse.yml
@@ -1,22 +1,22 @@
 id: AfroHouse
 name: Afro House
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Afro House
 region: African
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
+partner: ''
+group: ''
 related: kwaito, tribal, deep house, soulful house
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Afrobeats.yml b/content/styles/Afrobeats.yml
index cf284bee..2498f214 100644
--- a/content/styles/Afrobeats.yml
+++ b/content/styles/Afrobeats.yml
@@ -1,22 +1,22 @@
 id: Afrobeats
 name: Afrobeats
 synonyms: Afro, Afro-pop, Afro-fusion, Afropop, Afrofusion
-description: ""
-history: ""
+description: ''
+history: ''
 origins: Nigeria, Ghana, UK
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Afrobeats
 region: African
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Allemande.yml b/content/styles/Allemande.yml
index 422556b0..fedf2c40 100644
--- a/content/styles/Allemande.yml
+++ b/content/styles/Allemande.yml
@@ -1,22 +1,22 @@
 id: Allemande
 name: Allemande
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: open-couple
 year: 16xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Bachata.yml b/content/styles/Bachata.yml
index 8cdb85d6..c7200032 100644
--- a/content/styles/Bachata.yml
+++ b/content/styles/Bachata.yml
@@ -1,22 +1,22 @@
 id: Bachata
 name: Bachata
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Dominican Republic
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Bachata
 region: Afro-Caribbean
-source: ""
+source: ''
 root: yes
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/BachataModerna.yml b/content/styles/BachataModerna.yml
index fe9f81de..351dedee 100644
--- a/content/styles/BachataModerna.yml
+++ b/content/styles/BachataModerna.yml
@@ -1,22 +1,22 @@
 id: BachataModerna
 name: Bachata Moderna
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Spain
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Bachata
 region: Afro-Caribbean
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Bachatango.yml b/content/styles/Bachatango.yml
index cac29312..f85aa503 100644
--- a/content/styles/Bachatango.yml
+++ b/content/styles/Bachatango.yml
@@ -1,22 +1,22 @@
 id: Bachatango
 name: Bachatango
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Bachata
 region: Afro-Caribbean
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
 related: bachata, tango
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Balboa.yml b/content/styles/Balboa.yml
index 1324bde6..cdad6dc5 100644
--- a/content/styles/Balboa.yml
+++ b/content/styles/Balboa.yml
@@ -1,22 +1,22 @@
 id: Balboa
 name: Balboa
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Ballet.yml b/content/styles/Ballet.yml
index dc987f2a..2ff0d0e2 100644
--- a/content/styles/Ballet.yml
+++ b/content/styles/Ballet.yml
@@ -1,22 +1,22 @@
 id: Ballet
 name: Ballet
 synonyms: Classical dance
-description: ""
-history: ""
+description: ''
+history: ''
 origins: Italy
-adjectives: ""
+adjectives: ''
 type: Performance dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Ballet
 region: European
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Ballroom.yml b/content/styles/Ballroom.yml
index 05939e52..22a2db35 100644
--- a/content/styles/Ballroom.yml
+++ b/content/styles/Ballroom.yml
@@ -1,22 +1,22 @@
 id: Ballroom
 name: Ballroom
 synonyms: Ballroom Standard, Smooth
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: International Ballroom
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Ballroom
 region: International
 source: https://en.wikipedia.org/wiki/Ballroom_dance
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/BavarianFolk.yml b/content/styles/BavarianFolk.yml
index 4e358764..b31cea7e 100644
--- a/content/styles/BavarianFolk.yml
+++ b/content/styles/BavarianFolk.yml
@@ -1,22 +1,22 @@
 id: BavarianFolk
 name: Bavarian Folk
 synonyms: Bayerisches Volkstanz, Bavarian folk dancing
-description: ""
-history: ""
+description: ''
+history: ''
 origins: Bavaria
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.boarisch-tanzen.de/
-root: ""
+root: ''
 partner: Yes
 group: Yes
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/BellyDance.yml b/content/styles/BellyDance.yml
index 9a893496..4c9a6514 100644
--- a/content/styles/BellyDance.yml
+++ b/content/styles/BellyDance.yml
@@ -1,22 +1,22 @@
 id: BellyDance
 name: Belly Dance
 synonyms: Arabic dance
-description: ""
-history: ""
+description: ''
+history: ''
 origins: Egypt
-adjectives: ""
+adjectives: ''
 type: Performance dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Belly Dance
 region: Oriental
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Bhangra.yml b/content/styles/Bhangra.yml
index 0428fff6..993f065a 100644
--- a/content/styles/Bhangra.yml
+++ b/content/styles/Bhangra.yml
@@ -1,22 +1,22 @@
 id: Bhangra
 name: Bhangra
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Folk Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Bharatanatyam .yml b/content/styles/Bharatanatyam .yml
index b8737aae..bb46ff2a 100644
--- a/content/styles/Bharatanatyam .yml	
+++ b/content/styles/Bharatanatyam .yml	
@@ -1,22 +1,22 @@
 id: Bharatanatyam
 name: Bharatanatyam
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Classical Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Bolero.yml b/content/styles/Bolero.yml
index f7cefb99..376658c6 100644
--- a/content/styles/Bolero.yml
+++ b/content/styles/Bolero.yml
@@ -1,22 +1,22 @@
 id: Bolero
 name: Bolero
 synonyms: Spanish dance
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Folk dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Bolero
 region: European
-source: ""
+source: ''
 root: yes
 partner: yes
 group: yes
 related: Sevillanas
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Bollywood.yml b/content/styles/Bollywood.yml
index 7e76a955..c64b563f 100644
--- a/content/styles/Bollywood.yml
+++ b/content/styles/Bollywood.yml
@@ -1,22 +1,22 @@
 id: Bollywood
 name: Bollywood
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/BoogieWoogie.yml b/content/styles/BoogieWoogie.yml
index 407c7f41..488255e5 100644
--- a/content/styles/BoogieWoogie.yml
+++ b/content/styles/BoogieWoogie.yml
@@ -1,22 +1,22 @@
 id: BoogieWoogie
 name: Boogie-woogie
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/BrazilianZouk.yml b/content/styles/BrazilianZouk.yml
index 8a785bf0..42954f32 100644
--- a/content/styles/BrazilianZouk.yml
+++ b/content/styles/BrazilianZouk.yml
@@ -1,22 +1,22 @@
 id: BrazilianZouk
 name: Brazilian Zouk
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Brazil
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
+holding: ''
 year: 1990s
-predecessors: ""
-parent: ""
-influence: ""
+predecessors: ''
+parent: ''
+influence: ''
 family: Zouk
 region: Afro-Brazilian
 source: https://en.wikipedia.org/wiki/Brazilian_Zouk
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Breaking.yml b/content/styles/Breaking.yml
index a4007eed..08761167 100644
--- a/content/styles/Breaking.yml
+++ b/content/styles/Breaking.yml
@@ -1,22 +1,22 @@
 id: Breaking
 name: Breaking
 synonyms: Break Dance, b-boying, b-girling, Toprock, downrock, Floorwork
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Street dance
 region: Afro-American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Bump.yml b/content/styles/Bump.yml
index ae3f2624..ad8551b9 100644
--- a/content/styles/Bump.yml
+++ b/content/styles/Bump.yml
@@ -1,22 +1,22 @@
 id: Bump
 name: Bump
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Raggaeton
 region: Afro-Caribbean
-source: ""
-root: ""
-partner: ""
-group: ""
+source: ''
+root: ''
+partner: ''
+group: ''
 related: Funk
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Burlesque.yml b/content/styles/Burlesque.yml
index 51e54378..cdb8a8c8 100644
--- a/content/styles/Burlesque.yml
+++ b/content/styles/Burlesque.yml
@@ -1,22 +1,22 @@
 id: Burlesque
 name: Burlesque
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Italy
-adjectives: ""
+adjectives: ''
 type: Performance dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Burlesque
 region: European
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Capoeira.yml b/content/styles/Capoeira.yml
index 8b80b7da..75f49b07 100644
--- a/content/styles/Capoeira.yml
+++ b/content/styles/Capoeira.yml
@@ -1,22 +1,22 @@
 id: Capoeira
 name: Capoeira
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Martial art
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Capoeira
 region: Afro-Brazilian
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Casino.yml b/content/styles/Casino.yml
index b8cf4d9c..a8f60780 100644
--- a/content/styles/Casino.yml
+++ b/content/styles/Casino.yml
@@ -1,22 +1,22 @@
 id: Casino
 name: Casino
 synonyms: Son Casino, Cuban Salsa, Salsa Cubana
-description: ""
-history: ""
+description: ''
+history: ''
 origins: Cuba
-adjectives: ""
+adjectives: ''
 type: Social dance
 holding: closed-couple
 year: 1980s
-predecessors: ""
-parent: ""
-influence: ""
+predecessors: ''
+parent: ''
+influence: ''
 family: Salsa
 region: Afro-Caribbean
 source: https://www.britannica.com/art/Latin-American-dance/The-Caribbean
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Ceili.yml b/content/styles/Ceili.yml
index 319ef180..3232b709 100644
--- a/content/styles/Ceili.yml
+++ b/content/styles/Ceili.yml
@@ -1,22 +1,22 @@
 id: Ceili
 name: Ceili
 synonyms: Irish folk dancing
-description: ""
-history: ""
+description: ''
+history: ''
 origins: Ireland
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://en.wikipedia.org/wiki/Ceili_dance
-root: ""
+root: ''
 partner: Yes
 group: Yes
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Ceilidh.yml b/content/styles/Ceilidh.yml
index 137418b2..27308ec2 100644
--- a/content/styles/Ceilidh.yml
+++ b/content/styles/Ceilidh.yml
@@ -1,22 +1,22 @@
 id: Ceilidh
 name: Ceilidh
 synonyms: Scottish folk dancing
-description: ""
-history: ""
+description: ''
+history: ''
 origins: Scotland
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://en.wikipedia.org/wiki/C%C3%A8ilidh
-root: ""
+root: ''
 partner: Yes
 group: Yes
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Ceroc.yml b/content/styles/Ceroc.yml
index dbb2622d..2da6ded4 100644
--- a/content/styles/Ceroc.yml
+++ b/content/styles/Ceroc.yml
@@ -1,22 +1,22 @@
 id: Ceroc
 name: Ceroc
 synonyms: Modern Jive, French Jive, C'est le roc
-description: ""
-history: ""
+description: ''
+history: ''
 origins: UK
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://en.wikipedia.org/wiki/Ceroc
-root: ""
+root: ''
 partner: Yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/ChaChaCha.yml b/content/styles/ChaChaCha.yml
index 5363f13c..83857786 100644
--- a/content/styles/ChaChaCha.yml
+++ b/content/styles/ChaChaCha.yml
@@ -1,22 +1,22 @@
 id: ChaChaCha
 name: Cha-cha-chá
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Cuba
-adjectives: ""
+adjectives: ''
 type: Social dance
 holding: closed-couple
 year: 1950s
 predecessors: Son
-parent: ""
-influence: ""
-family: ""
-region: ""
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance/The-Caribbean
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/ChaChaChaBallroom.yml b/content/styles/ChaChaChaBallroom.yml
index 361d4953..b10e7086 100644
--- a/content/styles/ChaChaChaBallroom.yml
+++ b/content/styles/ChaChaChaBallroom.yml
@@ -1,22 +1,22 @@
 id: ChaChaChaBallroom
 name: Cha-cha-cha (ballroom)
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Ballroom/Latin
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Latin
 region: International
 source: https://en.wikipedia.org/wiki/Ballroom_dance
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Chaconne.yml b/content/styles/Chaconne.yml
index f98b64ec..28f1a3c8 100644
--- a/content/styles/Chaconne.yml
+++ b/content/styles/Chaconne.yml
@@ -1,22 +1,22 @@
 id: Chaconne
 name: Chaconne
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: open-couple
 year: 16xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Chalusonga.yml b/content/styles/Chalusonga.yml
index 5a3f4715..c3c97148 100644
--- a/content/styles/Chalusonga.yml
+++ b/content/styles/Chalusonga.yml
@@ -1,22 +1,22 @@
 id: Chalusonga
 name: Chalusonga
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Palenque de San Basilio, Colombia
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Champeta.yml b/content/styles/Champeta.yml
index 730eb39e..8e5eab9e 100644
--- a/content/styles/Champeta.yml
+++ b/content/styles/Champeta.yml
@@ -1,22 +1,22 @@
 id: Champeta
 name: Champeta
 synonyms: Terapia
-description: ""
-history: ""
+description: ''
+history: ''
 origins: Caribbean coast of Colombia
-adjectives: ""
-type: ""
-holding: ""
-year: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
 predecessors: Chalusonga
-parent: ""
-influence: ""
-family: ""
-region: ""
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://en.wikipedia.org/wiki/Champeta
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Charleston.yml b/content/styles/Charleston.yml
index e0de64e1..cebb4ca8 100644
--- a/content/styles/Charleston.yml
+++ b/content/styles/Charleston.yml
@@ -1,22 +1,22 @@
 id: Charleston
 name: Charleston
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/CollegiateShag.yml b/content/styles/CollegiateShag.yml
index 5e73e7d6..8c0a7233 100644
--- a/content/styles/CollegiateShag.yml
+++ b/content/styles/CollegiateShag.yml
@@ -1,22 +1,22 @@
 id: CollegiateShag
 name: Collegiate Shag
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Commercial.yml b/content/styles/Commercial.yml
index 3c86bc7a..379e5666 100644
--- a/content/styles/Commercial.yml
+++ b/content/styles/Commercial.yml
@@ -1,22 +1,22 @@
 id: Commercial
 name: Commercial
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: USA
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Commercial
 region: American
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Compas.yml b/content/styles/Compas.yml
index faa73a5e..e555ff44 100644
--- a/content/styles/Compas.yml
+++ b/content/styles/Compas.yml
@@ -1,22 +1,22 @@
 id: Compas
 name: Compas
 synonyms: Kompa, Konpa Dirèk
-description: ""
-history: ""
+description: ''
+history: ''
 origins: Haiti
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: "1955"
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
+holding: ''
+year: '1955'
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
 region: French Caribbean
 source: https://en.wikipedia.org/wiki/Compas
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/ContactTango.yml b/content/styles/ContactTango.yml
index 6d3730c8..b1f1e1b6 100644
--- a/content/styles/ContactTango.yml
+++ b/content/styles/ContactTango.yml
@@ -1,22 +1,22 @@
 id: ContactTango
 name: Contact Tango
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Contemporary.yml b/content/styles/Contemporary.yml
index 0b883835..692300d5 100644
--- a/content/styles/Contemporary.yml
+++ b/content/styles/Contemporary.yml
@@ -1,22 +1,22 @@
 id: Contemporary
 name: Contemporary
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Performance dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Ballet
 region: European
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Contradanza.yml b/content/styles/Contradanza.yml
index f2294a50..99131ece 100644
--- a/content/styles/Contradanza.yml
+++ b/content/styles/Contradanza.yml
@@ -1,22 +1,22 @@
 id: Contradanza
 name: Contredanse
 synonyms: contradanza criolla, danza, danza criolla, habanera
-description: ""
-history: ""
+description: ''
+history: ''
 origins: Cuba
-adjectives: ""
+adjectives: ''
 type: Social dance
 holding: interdependent-couple
 year: 16xx
-predecessors: ""
-parent: ""
-influence: ""
+predecessors: ''
+parent: ''
+influence: ''
 family: Contradanza
-region: ""
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
+root: ''
 partner: yes
 group: yes
-related: ""
-music: ""
+related: ''
+music: ''
 timing: 2/4 or 6/8
diff --git a/content/styles/Cotillion.yml b/content/styles/Cotillion.yml
index b191af7b..2193648a 100644
--- a/content/styles/Cotillion.yml
+++ b/content/styles/Cotillion.yml
@@ -1,22 +1,22 @@
 id: Cotillion
 name: Cotillion
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: interdependent-couple
 year: 16xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/CountryDance.yml b/content/styles/CountryDance.yml
index aba8ae8f..99521dd3 100644
--- a/content/styles/CountryDance.yml
+++ b/content/styles/CountryDance.yml
@@ -1,22 +1,22 @@
 id: CountryDance
 name: Country Dance
 synonyms: Contradanse
-description: ""
-history: ""
+description: ''
+history: ''
 origins: British Isles
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Country dance
 region: European
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: yes
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/CubanBolero.yml b/content/styles/CubanBolero.yml
index a571ae93..a71227de 100644
--- a/content/styles/CubanBolero.yml
+++ b/content/styles/CubanBolero.yml
@@ -1,22 +1,22 @@
 id: CubanBolero
 name: Cuban bolero
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Ballroom/Latin
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Latin
 region: International
 source: https://en.wikipedia.org/wiki/Ballroom_dance
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Cubaton.yml b/content/styles/Cubaton.yml
index dcb64613..6bc3d46b 100644
--- a/content/styles/Cubaton.yml
+++ b/content/styles/Cubaton.yml
@@ -7,24 +7,24 @@ description: Sexy, wild and powerful but also smooth and erotic, just like
   the center of attention during this dance. The vigorous shaking of the female
   Culo, as the deified backside is called in Latin America, is compulsory for
   perreo.
-history: "Young musicians tinkered with new beats, lyrics and vocals, inspired
+history: 'Young musicians tinkered with new beats, lyrics and vocals, inspired
   by Sean Paul, Bob Marley, Daddy Yankee or Don Omar to develop their own style:
-  CUBATON."
+  CUBATON.'
 origins: Santiago de Cuba, Cuba
-adjectives: ""
+adjectives: ''
 type: Social dance
 holding: solo
 year: 1990s
-predecessors: ""
-parent: ""
+predecessors: ''
+parent: ''
 influence: Cubaton, Raggaeton, Reggae, Dancehall, Hispanic Hip Hop, Rap,
   European Club music
 family: Salsa
 region: Afro-Caribbean
 source: https://www.facebook.com/cubanfusion/posts/722349201176769/
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Cumbia.yml b/content/styles/Cumbia.yml
index 8c219a06..b3c0127a 100644
--- a/content/styles/Cumbia.yml
+++ b/content/styles/Cumbia.yml
@@ -1,22 +1,22 @@
 id: Cumbia
 name: Cumbia
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Colombia
-adjectives: ""
+adjectives: ''
 type: folkloric
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Cumbia
 region: South American
 source: https://en.wikipedia.org/wiki/Cumbia
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Dancehall.yml b/content/styles/Dancehall.yml
index 3c435c9f..89be4db1 100644
--- a/content/styles/Dancehall.yml
+++ b/content/styles/Dancehall.yml
@@ -1,22 +1,22 @@
 id: Dancehall
 name: Dancehall
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Jamaica
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Dancehall
 region: Afro-Caribbean
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
+partner: ''
+group: ''
+related: ''
 music: Reggae
-timing: ""
+timing: ''
diff --git a/content/styles/Danzon.yml b/content/styles/Danzon.yml
index 461e9fda..4225f3cc 100644
--- a/content/styles/Danzon.yml
+++ b/content/styles/Danzon.yml
@@ -1,7 +1,7 @@
 id: Danzon
 name: Danzón
-synonyms: ""
-description: "The danzón allowed couples to dance even more closely together,
+synonyms: ''
+description: 'The danzón allowed couples to dance even more closely together,
   thereby directing the movement toward fluid and soft sways. The closeness of
   partners in the ballroom position, the swaying hips, and the minimal use of
   floor space created the danzón’s characteristic look: a couple would be no
@@ -9,23 +9,23 @@ description: "The danzón allowed couples to dance even more closely together,
   (ladrillo), and slide the entire foot on the floor for a small step (about 2
   inches [5 cm]). The dance structure alternated between the basic step and
   paseos or descansos (rests), which allowed the dancers a moment to stop,
-  listen to the orchestra, converse, and watch others at the gathering."
+  listen to the orchestra, converse, and watch others at the gathering.'
 history: The first Cuban danzón is credited to Cuban cornet player Miguel
   Faílde, who composed “Las Alturas de Simpson” (1879; “Simpson Heights”).
 origins: Cuba
-adjectives: ""
+adjectives: ''
 type: Social dance
 holding: closed-couple
 year: 1890s
 predecessors: Waltz, Schottische, Polka
-parent: ""
-influence: ""
-family: ""
-region: ""
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance/The-Caribbean
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Dembow.yml b/content/styles/Dembow.yml
index 0d4d613e..be5ebc06 100644
--- a/content/styles/Dembow.yml
+++ b/content/styles/Dembow.yml
@@ -1,22 +1,22 @@
 id: Dembow
 name: Dembow
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Jamaica
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Reggaeton
 region: Afro-Caribbean
-source: ""
-root: ""
-partner: ""
-group: ""
+source: ''
+root: ''
+partner: ''
+group: ''
 related: reggaeton, dancehall
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Discofox.yml b/content/styles/Discofox.yml
index 5c4bc015..e31db0c3 100644
--- a/content/styles/Discofox.yml
+++ b/content/styles/Discofox.yml
@@ -1,22 +1,22 @@
 id: Discofox
 name: Discofox
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Discofox
 region: European
-source: ""
+source: ''
 root: yes
 partner: yes
 group: no
-related: ""
-music: ""
+related: ''
+music: ''
 timing: 2/4 or 4/4
diff --git a/content/styles/DominicanBachata.yml b/content/styles/DominicanBachata.yml
index ab410c67..0f44b39e 100644
--- a/content/styles/DominicanBachata.yml
+++ b/content/styles/DominicanBachata.yml
@@ -1,22 +1,22 @@
 id: DominicanBachata
 name: Dominican Bachata
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Dominican Republic
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Bachata
 region: Afro-Caribbean
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Douceur.yml b/content/styles/Douceur.yml
index 331ab7ab..0813c768 100644
--- a/content/styles/Douceur.yml
+++ b/content/styles/Douceur.yml
@@ -1,22 +1,22 @@
 id: Douceur
 name: Douceur
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: France
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Kizomba
 region: European
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/EastCoastSwing.yml b/content/styles/EastCoastSwing.yml
index 7d173f3f..a4a3cf4f 100644
--- a/content/styles/EastCoastSwing.yml
+++ b/content/styles/EastCoastSwing.yml
@@ -1,22 +1,22 @@
 id: EastCoastSwing
 name: East Coast Swing
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/ElectricBoogaloo.yml b/content/styles/ElectricBoogaloo.yml
index f73e3068..03b21cbd 100644
--- a/content/styles/ElectricBoogaloo.yml
+++ b/content/styles/ElectricBoogaloo.yml
@@ -1,22 +1,22 @@
 id: ElectricBoogaloo
 name: Electric Boogaloo
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Street dance
 region: Afro-American
-source: ""
-root: ""
-partner: ""
-group: ""
+source: ''
+root: ''
+partner: ''
+group: ''
 related: Funk
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/FinnishTango.yml b/content/styles/FinnishTango.yml
index 84cd1dfc..edbf8465 100644
--- a/content/styles/FinnishTango.yml
+++ b/content/styles/FinnishTango.yml
@@ -1,22 +1,22 @@
 id: FinnishTango
 name: Finnish Tango
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Flamenco.yml b/content/styles/Flamenco.yml
index e0e9eb30..3cc517f4 100644
--- a/content/styles/Flamenco.yml
+++ b/content/styles/Flamenco.yml
@@ -1,22 +1,22 @@
 id: Flamenco
 name: Flamenco
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Spain
-adjectives: ""
+adjectives: ''
 type: Performance dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Flamenco
 region: European
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/ForroLove.yml b/content/styles/ForroLove.yml
index 61963cbb..15bcd8b8 100644
--- a/content/styles/ForroLove.yml
+++ b/content/styles/ForroLove.yml
@@ -1,22 +1,22 @@
 id: ForroLove
 name: Forró-love
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Zouk
 region: Afro-Caribbean
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Foxtrot.yml b/content/styles/Foxtrot.yml
index 83a25cf5..b7edbdef 100644
--- a/content/styles/Foxtrot.yml
+++ b/content/styles/Foxtrot.yml
@@ -1,22 +1,22 @@
 id: Foxtrot
 name: Foxtrot
 synonyms: Slow Fox
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Ballroom/Standard
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Ballroom
 region: International
 source: https://en.wikipedia.org/wiki/Ballroom_dance
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/FunkCarioca.yml b/content/styles/FunkCarioca.yml
index 37ea6755..86ffcd82 100644
--- a/content/styles/FunkCarioca.yml
+++ b/content/styles/FunkCarioca.yml
@@ -1,22 +1,22 @@
 id: FunkCarioca
 name: Funk Carioca
 synonyms: favela funk, baile funk
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Street dance
 region: Afro-American
-source: ""
-root: ""
-partner: ""
-group: ""
+source: ''
+root: ''
+partner: ''
+group: ''
 related: Funk
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Galliard.yml b/content/styles/Galliard.yml
index a876e246..f5d93937 100644
--- a/content/styles/Galliard.yml
+++ b/content/styles/Galliard.yml
@@ -1,22 +1,22 @@
 id: Galliard
 name: Galliard
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: open-couple
 year: 16xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Garba.yml b/content/styles/Garba.yml
index d5cd510c..d66c1feb 100644
--- a/content/styles/Garba.yml
+++ b/content/styles/Garba.yml
@@ -1,22 +1,22 @@
 id: Garba
 name: Garba
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Folk Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Ghoomar.yml b/content/styles/Ghoomar.yml
index 0e918162..aa45e5dc 100644
--- a/content/styles/Ghoomar.yml
+++ b/content/styles/Ghoomar.yml
@@ -1,22 +1,22 @@
 id: Ghoomar
 name: Ghoomar
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Folk Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Grinding.yml b/content/styles/Grinding.yml
index eb2e87d8..8d94d3c3 100644
--- a/content/styles/Grinding.yml
+++ b/content/styles/Grinding.yml
@@ -1,22 +1,22 @@
 id: Grinding
 name: Grinding
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Reggaeton
 region: Afro-Caribbean
-source: ""
-root: ""
-partner: ""
-group: ""
+source: ''
+root: ''
+partner: ''
+group: ''
 related: reggaeton
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/HandDancing.yml b/content/styles/HandDancing.yml
index da2414b8..3fc0ae6c 100644
--- a/content/styles/HandDancing.yml
+++ b/content/styles/HandDancing.yml
@@ -1,22 +1,22 @@
 id: HandDancing
 name: Hand Dancing
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/HighHeels.yml b/content/styles/HighHeels.yml
index 6fbbb43c..ae702e31 100644
--- a/content/styles/HighHeels.yml
+++ b/content/styles/HighHeels.yml
@@ -1,22 +1,22 @@
 id: HighHeels
 name: High Heels
 synonyms: heels
-description: ""
-history: ""
+description: ''
+history: ''
 origins: USA
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: High Heels
 region: American
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/HipHop.yml b/content/styles/HipHop.yml
index 9a0fdb2b..5b88ba57 100644
--- a/content/styles/HipHop.yml
+++ b/content/styles/HipHop.yml
@@ -1,22 +1,22 @@
 id: HipHop
 name: Hip Hop
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Street dance
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: no
 group: yes
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/House.yml b/content/styles/House.yml
index 62239fe8..46bd8e9b 100644
--- a/content/styles/House.yml
+++ b/content/styles/House.yml
@@ -1,22 +1,22 @@
 id: House
 name: House
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: USA
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: House
 region: American
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/IndianClassicalDance.yml b/content/styles/IndianClassicalDance.yml
index fd6fbf5b..00feb2cc 100644
--- a/content/styles/IndianClassicalDance.yml
+++ b/content/styles/IndianClassicalDance.yml
@@ -1,22 +1,22 @@
 id: IndianClassicalDance
 name: Indian Classical Dance
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian
 region: Indian
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/IndianFolkDance.yml b/content/styles/IndianFolkDance.yml
index 79942eca..8160e4e1 100644
--- a/content/styles/IndianFolkDance.yml
+++ b/content/styles/IndianFolkDance.yml
@@ -1,22 +1,22 @@
 id: IndianFolkDance
 name: Indian Folk Dance
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Folk Dance
 region: Indian
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Jazz.yml b/content/styles/Jazz.yml
index f1268813..d3c08772 100644
--- a/content/styles/Jazz.yml
+++ b/content/styles/Jazz.yml
@@ -1,22 +1,22 @@
 id: Jazz
 name: Jazz
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Performance dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Jig.yml b/content/styles/Jig.yml
index 3ad4962a..16fd48f7 100644
--- a/content/styles/Jig.yml
+++ b/content/styles/Jig.yml
@@ -1,22 +1,22 @@
 id: Jig
 name: Jig
 synonyms: port-cruinn
-description: ""
-history: ""
+description: ''
+history: ''
 origins: England
-adjectives: ""
+adjectives: ''
 type: Folk dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Jig
 region: European
-source: ""
-root: ""
+source: ''
+root: ''
 partner: no
 group: yes
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Jive.yml b/content/styles/Jive.yml
index b23c3a89..326277fd 100644
--- a/content/styles/Jive.yml
+++ b/content/styles/Jive.yml
@@ -1,22 +1,22 @@
 id: Jive
 name: Jive
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/K-Pop.yml b/content/styles/K-Pop.yml
index c76f90cc..0dad4383 100644
--- a/content/styles/K-Pop.yml
+++ b/content/styles/K-Pop.yml
@@ -1,22 +1,22 @@
 id: K-Pop
 name: K-Pop
 synonyms: korea, korean
-description: ""
-history: ""
+description: ''
+history: ''
 origins: South Korea
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: K-Pop
 region: Asian
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Kathak.yml b/content/styles/Kathak.yml
index 1910b99a..54cf3d40 100644
--- a/content/styles/Kathak.yml
+++ b/content/styles/Kathak.yml
@@ -1,22 +1,22 @@
 id: Kathak
 name: Kathak
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Classical Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Kathakali.yml b/content/styles/Kathakali.yml
index 11f5ce0d..df9ebd3b 100644
--- a/content/styles/Kathakali.yml
+++ b/content/styles/Kathakali.yml
@@ -1,22 +1,22 @@
 id: Kathakali
 name: Kathakali
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Classical Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Kizomba.yml b/content/styles/Kizomba.yml
index fd343df4..43d79049 100644
--- a/content/styles/Kizomba.yml
+++ b/content/styles/Kizomba.yml
@@ -1,22 +1,22 @@
 id: Kizomba
 name: Kizomba
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Kizomba
 region: African
-source: ""
+source: ''
 root: yes
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Krump.yml b/content/styles/Krump.yml
index 5554fc63..56487c8d 100644
--- a/content/styles/Krump.yml
+++ b/content/styles/Krump.yml
@@ -1,22 +1,22 @@
 id: Krump
 name: Krump
 synonyms: Krumping
-description: ""
-history: ""
+description: ''
+history: ''
 origins: US
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Street dance
 region: Afro-American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Kuchipudi .yml b/content/styles/Kuchipudi .yml
index b6b99266..d5d6a866 100644
--- a/content/styles/Kuchipudi .yml	
+++ b/content/styles/Kuchipudi .yml	
@@ -1,22 +1,22 @@
 id: Kuchipudi
 name: Kuchipudi
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Classical Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Kuduru.yml b/content/styles/Kuduru.yml
index 99d8204d..12aa3067 100644
--- a/content/styles/Kuduru.yml
+++ b/content/styles/Kuduru.yml
@@ -1,22 +1,22 @@
 id: Kuduru
 name: Kuduru
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Kizomba
 region: African
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Lambada.yml b/content/styles/Lambada.yml
index 6cef1201..aee20899 100644
--- a/content/styles/Lambada.yml
+++ b/content/styles/Lambada.yml
@@ -1,22 +1,22 @@
 id: Lambada
 name: Lambada
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Brazil
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Lambada
 region: South American
-source: ""
+source: ''
 root: yes
 partner: yes
 group: no
 related: forró, salsa, merengue, maxixe, carimbó
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Lancer.yml b/content/styles/Lancer.yml
index 1666465e..3bbe233c 100644
--- a/content/styles/Lancer.yml
+++ b/content/styles/Lancer.yml
@@ -1,22 +1,22 @@
 id: Lancer
 name: Lancer
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: interdependent-couple
 year: 16xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Lavani.yml b/content/styles/Lavani.yml
index acbd5a84..74732378 100644
--- a/content/styles/Lavani.yml
+++ b/content/styles/Lavani.yml
@@ -1,22 +1,22 @@
 id: Lavani
 name: Lavani
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Folk Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/LindyHop.yml b/content/styles/LindyHop.yml
index f9bec186..f8cad91f 100644
--- a/content/styles/LindyHop.yml
+++ b/content/styles/LindyHop.yml
@@ -1,22 +1,22 @@
 id: LindyHop
 name: Lindy Hop
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
 related: jazz, tap, breakaway, charleston
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Locking.yml b/content/styles/Locking.yml
index 8be8c249..a1a24d1f 100644
--- a/content/styles/Locking.yml
+++ b/content/styles/Locking.yml
@@ -1,22 +1,22 @@
 id: Locking
 name: Locking
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Street dance
 region: Afro-American
-source: ""
-root: ""
-partner: ""
-group: ""
+source: ''
+root: ''
+partner: ''
+group: ''
 related: Funk
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Mambo.yml b/content/styles/Mambo.yml
index 6b9a843f..c7fdbbf9 100644
--- a/content/styles/Mambo.yml
+++ b/content/styles/Mambo.yml
@@ -1,23 +1,23 @@
 id: Mambo
 name: Mambo
-synonyms: ""
-description: ""
+synonyms: ''
+description: ''
 history: The mambo was made popular by the Cuban musician Pérez Prado and
   developed in the 1940s as a marriage between son and swing.
 origins: Cuba
-adjectives: ""
+adjectives: ''
 type: Social dance
 holding: closed-couple
 year: 1940s
 predecessors: Son
-parent: ""
+parent: ''
 influence: Swing
 family: Salsa
 region: Afro-Caribbean
 source: https://www.britannica.com/art/Latin-American-dance/The-Caribbean
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Manipuri.yml b/content/styles/Manipuri.yml
index 737ede0c..d9cdda12 100644
--- a/content/styles/Manipuri.yml
+++ b/content/styles/Manipuri.yml
@@ -1,22 +1,22 @@
 id: Manipuri
 name: Manipuri
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Classical Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Maxixe.yml b/content/styles/Maxixe.yml
index ac61abf0..ad4c920c 100644
--- a/content/styles/Maxixe.yml
+++ b/content/styles/Maxixe.yml
@@ -1,22 +1,22 @@
 id: Maxixe
 name: Maxixe
 synonyms: Brazilian tango
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Maxixe
 region: Afro-Brazilian
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
+related: ''
 music: choro
-timing: ""
+timing: ''
diff --git a/content/styles/Merengue.yml b/content/styles/Merengue.yml
index be5abad8..b28c1737 100644
--- a/content/styles/Merengue.yml
+++ b/content/styles/Merengue.yml
@@ -1,22 +1,22 @@
 id: Merengue
 name: Merengue
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Dominican Republic
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Merengue
 region: Afro-Caribbean
-source: ""
+source: ''
 root: yes
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Minuet.yml b/content/styles/Minuet.yml
index b906e15c..6e8e000c 100644
--- a/content/styles/Minuet.yml
+++ b/content/styles/Minuet.yml
@@ -1,22 +1,22 @@
 id: Minuet
 name: Minuet
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: open-couple
 year: 16xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Modern.yml b/content/styles/Modern.yml
index 07c0fa69..970310d5 100644
--- a/content/styles/Modern.yml
+++ b/content/styles/Modern.yml
@@ -1,22 +1,22 @@
 id: Modern
 name: Modern
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Germany, US
-adjectives: ""
+adjectives: ''
 type: Performance dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Ballet
 region: European
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/ModernJive.yml b/content/styles/ModernJive.yml
index df343957..aa770815 100644
--- a/content/styles/ModernJive.yml
+++ b/content/styles/ModernJive.yml
@@ -1,22 +1,22 @@
 id: ModernJive
 name: Modern Jive
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Mohiniyattam .yml b/content/styles/Mohiniyattam .yml
index c9154e0b..b9c6d69f 100644
--- a/content/styles/Mohiniyattam .yml	
+++ b/content/styles/Mohiniyattam .yml	
@@ -1,22 +1,22 @@
 id: Mohiniyattam
 name: Mohiniyattam
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Classical Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Moonwalk.yml b/content/styles/Moonwalk.yml
index 0a5f021e..f666257b 100644
--- a/content/styles/Moonwalk.yml
+++ b/content/styles/Moonwalk.yml
@@ -1,22 +1,22 @@
 id: Moonwalk
 name: Moonwalk
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Street dance
 region: Afro-American
-source: ""
-root: ""
-partner: ""
-group: ""
+source: ''
+root: ''
+partner: ''
+group: ''
 related: Popping
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Odissi.yml b/content/styles/Odissi.yml
index cd3e2987..fdf9ff01 100644
--- a/content/styles/Odissi.yml
+++ b/content/styles/Odissi.yml
@@ -1,22 +1,22 @@
 id: Odissi
 name: Odissi
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Classical Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Pachanga.yml b/content/styles/Pachanga.yml
index e504b256..e359bf72 100644
--- a/content/styles/Pachanga.yml
+++ b/content/styles/Pachanga.yml
@@ -1,25 +1,25 @@
 id: Pachanga
 name: Pachanga
-synonyms: ""
+synonyms: ''
 description: '"A happy-go-lucky dance" of Cuban origin with a Charleston flavor
   due to the double bending and straightening of the knees. It is danced on the
   downbeat of four-four time to the usual mambo offbeat music characterized by
   the charanga instrumentation of flutes, violins, and drums.'
-history: ""
+history: ''
 origins: Cuba
-adjectives: ""
+adjectives: ''
 type: Social dance
 holding: solo
 year: 1950s
 predecessors: Charleston
-parent: ""
+parent: ''
 influence: Son montuno, Merengue, Mambo
 family: Salsa
 region: Afro-Caribbean
 source: https://en.wikipedia.org/wiki/Pachanga
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Pasodoble.yml b/content/styles/Pasodoble.yml
index 58296ecb..d93b29c9 100644
--- a/content/styles/Pasodoble.yml
+++ b/content/styles/Pasodoble.yml
@@ -1,22 +1,22 @@
 id: Pasodoble
 name: Pasodoble
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Ballroom/Latin
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Latin
 region: International
 source: https://en.wikipedia.org/wiki/Ballroom_dance
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Pavane.yml b/content/styles/Pavane.yml
index 4792ec56..d0602439 100644
--- a/content/styles/Pavane.yml
+++ b/content/styles/Pavane.yml
@@ -1,22 +1,22 @@
 id: Pavane
 name: Pavane
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: open-couple
 year: 16xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Perreo.yml b/content/styles/Perreo.yml
index 43bd8e1a..e8015311 100644
--- a/content/styles/Perreo.yml
+++ b/content/styles/Perreo.yml
@@ -1,22 +1,22 @@
 id: Perreo
 name: Perreo
 synonyms: Sandungueo
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Reggaeton
 region: Afro-Caribbean
-source: ""
-root: ""
-partner: ""
-group: ""
+source: ''
+root: ''
+partner: ''
+group: ''
 related: reggaeton
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/PoleDancing.yml b/content/styles/PoleDancing.yml
index e1253fc0..b4fc755e 100644
--- a/content/styles/PoleDancing.yml
+++ b/content/styles/PoleDancing.yml
@@ -1,22 +1,22 @@
 id: PoleDancing
 name: Pole Dancing
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Performance dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Pole Dancing
 region: American
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Polka.yml b/content/styles/Polka.yml
index 653d811d..bfc47295 100644
--- a/content/styles/Polka.yml
+++ b/content/styles/Polka.yml
@@ -1,22 +1,22 @@
 id: Polka
 name: Polka
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: closed-couple
 year: 18xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Popping.yml b/content/styles/Popping.yml
index de11303b..d23d6427 100644
--- a/content/styles/Popping.yml
+++ b/content/styles/Popping.yml
@@ -1,22 +1,22 @@
 id: Popping
 name: Popping
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Street dance
 region: Afro-American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
 music: Funk
-timing: ""
+timing: ''
diff --git a/content/styles/Quadrille.yml b/content/styles/Quadrille.yml
index 7e25651d..f5dbb575 100644
--- a/content/styles/Quadrille.yml
+++ b/content/styles/Quadrille.yml
@@ -1,22 +1,22 @@
 id: Quadrille
 name: Quadrille
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: interdependent-couple
 year: 16xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Quickstep.yml b/content/styles/Quickstep.yml
index 48f0f34b..ae26150a 100644
--- a/content/styles/Quickstep.yml
+++ b/content/styles/Quickstep.yml
@@ -1,22 +1,22 @@
 id: Quickstep
 name: Quickstep
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Ballroom/Standard
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Ballroom
 region: International
 source: https://en.wikipedia.org/wiki/Ballroom_dance
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Rasleela.yml b/content/styles/Rasleela.yml
index 25a057ac..853c3480 100644
--- a/content/styles/Rasleela.yml
+++ b/content/styles/Rasleela.yml
@@ -1,22 +1,22 @@
 id: Rasleela
 name: Rasleela
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Folk Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Reggaeton.yml b/content/styles/Reggaeton.yml
index c8383805..ec72f7d4 100644
--- a/content/styles/Reggaeton.yml
+++ b/content/styles/Reggaeton.yml
@@ -1,22 +1,22 @@
 id: Reggaeton
 name: Reggaeton
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Reggaeton
 region: Afro-Caribbean
-source: ""
+source: ''
 root: yes
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Rhumba.yml b/content/styles/Rhumba.yml
index d3f8a7b0..53f8f08f 100644
--- a/content/styles/Rhumba.yml
+++ b/content/styles/Rhumba.yml
@@ -1,22 +1,22 @@
 id: Rhumba
 name: Rhumba
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Ballroom/Latin
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Latin
 region: International
 source: https://en.wikipedia.org/wiki/Ballroom_dance
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Robot.yml b/content/styles/Robot.yml
index e56f10b0..5e7d5678 100644
--- a/content/styles/Robot.yml
+++ b/content/styles/Robot.yml
@@ -1,22 +1,22 @@
 id: Robot
 name: Robot
 synonyms: mannequin
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Street dance
 region: Afro-American
-source: ""
-root: ""
-partner: ""
-group: ""
+source: ''
+root: ''
+partner: ''
+group: ''
 related: Popping
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/RockAndRoll.yml b/content/styles/RockAndRoll.yml
index 73e5fee9..4e75c532 100644
--- a/content/styles/RockAndRoll.yml
+++ b/content/styles/RockAndRoll.yml
@@ -1,22 +1,22 @@
 id: RockAndRoll
 name: Rock and Roll
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/RuedaDeCasino.yml b/content/styles/RuedaDeCasino.yml
index aeaa8d39..fd5d3536 100644
--- a/content/styles/RuedaDeCasino.yml
+++ b/content/styles/RuedaDeCasino.yml
@@ -1,22 +1,22 @@
 id: RuedaDeCasino
 name: Rueda de Casino
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Cuba
 adjectives: fun
 type: Social dance
 holding: interdependent-couple
 year: 1980s
 predecessors: Casino
-parent: ""
-influence: ""
+parent: ''
+influence: ''
 family: Salsa
 region: Afro-Caribbean
 source: https://www.britannica.com/art/Latin-American-dance/The-Caribbean
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/RumbaColumbia.yml b/content/styles/RumbaColumbia.yml
index 62326c3a..ba50d7a2 100644
--- a/content/styles/RumbaColumbia.yml
+++ b/content/styles/RumbaColumbia.yml
@@ -5,21 +5,21 @@ description: The columbia is a dance for men who individually enter the circle
   and compete against each other. They may use candles balanced on their heads,
   carry knives that they move around their bodies, or place on the floor items
   such as bottles or hats, around which they perform acrobatic movements.
-history: ""
+history: ''
 origins: Afro-Cuban
-adjectives: ""
+adjectives: ''
 type: Folkloric dance
 holding: solo
-year: ""
-predecessors: ""
+year: ''
+predecessors: ''
 parent: Cuban rumba
-influence: ""
+influence: ''
 family: Salsa
 region: Afro-Caribbean
 source: https://www.britannica.com/art/Latin-American-dance/The-Caribbean
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/RumbaGuaguanco.yml b/content/styles/RumbaGuaguanco.yml
index bd2bfb29..60eafb98 100644
--- a/content/styles/RumbaGuaguanco.yml
+++ b/content/styles/RumbaGuaguanco.yml
@@ -6,21 +6,21 @@ description: Guaguancó places the man and woman in opposition, as they circle
   a hip-thrusting gesture by the man toward his partner; to avoid his advances,
   the woman must immediately turn away from him or use her skirts to cover her
   pelvic area.
-history: ""
+history: ''
 origins: Afro-Cuban
-adjectives: ""
+adjectives: ''
 type: Folkloric dance
 holding: solo
-year: ""
-predecessors: ""
+year: ''
+predecessors: ''
 parent: Cuban rumba
-influence: ""
+influence: ''
 family: Salsa
 region: Afro-Caribbean
 source: https://www.britannica.com/art/Latin-American-dance/The-Caribbean
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/RumbaYambu.yml b/content/styles/RumbaYambu.yml
index 8a9bca85..dde71283 100644
--- a/content/styles/RumbaYambu.yml
+++ b/content/styles/RumbaYambu.yml
@@ -6,21 +6,21 @@ description: Yambú is a dance in which a single couple slowly and respectfully
   dancers, and spectators. The partners seldom touch, except when the man moves
   to the side of the woman and places his hand on her shoulder; they gracefully
   lower themselves almost to the floor and then come back up.
-history: ""
+history: ''
 origins: Afro-Cuban
-adjectives: ""
+adjectives: ''
 type: Folkloric dance
 holding: solo
-year: ""
-predecessors: ""
+year: ''
+predecessors: ''
 parent: Cuban rumba
-influence: ""
+influence: ''
 family: Salsa
 region: Afro-Caribbean
 source: https://www.britannica.com/art/Latin-American-dance/The-Caribbean
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/SalsaCalena.yml b/content/styles/SalsaCalena.yml
index 80b019b1..38a0ee21 100644
--- a/content/styles/SalsaCalena.yml
+++ b/content/styles/SalsaCalena.yml
@@ -11,19 +11,19 @@ description: The central feature is the footwork which has quick rapid steps and
 history: The elements of Cali-Style Salsa were strongly influenced by dances to
   Caribbean rhythms which preceded salsa, such as Pachanga and Boogaloo.
 origins: Cali, Colombia
-adjectives: ""
+adjectives: ''
 type: Social dance
 holding: closed-couple
-year: ""
+year: ''
 predecessors: Pachanga, Boogaloo
-parent: ""
-influence: ""
+parent: ''
+influence: ''
 family: Salsa
 region: Afro-Caribbean
 source: https://en.wikipedia.org/wiki/Salsa_(dance)
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/SalsaLA.yml b/content/styles/SalsaLA.yml
index d1364d71..a33a0795 100644
--- a/content/styles/SalsaLA.yml
+++ b/content/styles/SalsaLA.yml
@@ -14,16 +14,16 @@ origins: LA, USA
 adjectives: elegant
 type: Social dance
 holding: closed-couple
-year: ""
+year: ''
 predecessors: Latin Hustle, Swing, Argentine Tango, Mambo, Latin Ballroom
-parent: ""
-influence: ""
+parent: ''
+influence: ''
 family: Salsa
 region: Afro-Caribbean
 source: https://en.wikipedia.org/wiki/Salsa_(dance)
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/SalsaNewYork.yml b/content/styles/SalsaNewYork.yml
index b76afe0b..9a0de0fd 100644
--- a/content/styles/SalsaNewYork.yml
+++ b/content/styles/SalsaNewYork.yml
@@ -12,16 +12,16 @@ type: Social dance
 holding: closed-couple
 year: 1960s
 predecessors: Mambo
-parent: ""
+parent: ''
 influence: Latin Jazz
 family: Salsa
 region: Afro-Caribbean
 source: |-
   https://www.britannica.com/art/Latin-American-dance/The-Caribbean
   https://en.wikipedia.org/wiki/Salsa_(dance)
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Samba.yml b/content/styles/Samba.yml
index 06c72404..6e9d65a9 100644
--- a/content/styles/Samba.yml
+++ b/content/styles/Samba.yml
@@ -1,22 +1,22 @@
 id: Samba
 name: Samba
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Performance dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Samba
 region: Afro-Brazilian
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
+partner: ''
+group: ''
+related: ''
+music: ''
 timing: 2/4
diff --git a/content/styles/Sarabande.yml b/content/styles/Sarabande.yml
index 80bc41d3..de654d17 100644
--- a/content/styles/Sarabande.yml
+++ b/content/styles/Sarabande.yml
@@ -1,22 +1,22 @@
 id: Sarabande
 name: Sarabande
 synonyms: zarabande
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: open-couple
 year: 16xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Sattriya.yml b/content/styles/Sattriya.yml
index 006bdc6f..a6e82460 100644
--- a/content/styles/Sattriya.yml
+++ b/content/styles/Sattriya.yml
@@ -1,22 +1,22 @@
 id: Sattriya
 name: Sattriya
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: India
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Indian Classical Dance
 region: Indian
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Schottische.yml b/content/styles/Schottische.yml
index 5082edcf..18de6f34 100644
--- a/content/styles/Schottische.yml
+++ b/content/styles/Schottische.yml
@@ -1,22 +1,22 @@
 id: Schottische
 name: Schottische
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: closed-couple
 year: 18xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Semba.yml b/content/styles/Semba.yml
index 6487d4b3..29e42d32 100644
--- a/content/styles/Semba.yml
+++ b/content/styles/Semba.yml
@@ -1,22 +1,22 @@
 id: Semba
 name: Semba
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Kizomba
 region: African
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/SensualBachata.yml b/content/styles/SensualBachata.yml
index a402374b..8229ab99 100644
--- a/content/styles/SensualBachata.yml
+++ b/content/styles/SensualBachata.yml
@@ -1,22 +1,22 @@
 id: SensualBachata
 name: Sensual Bachata
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Spain
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Bachata
 region: Afro-Caribbean
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Sevillanas.yml b/content/styles/Sevillanas.yml
index a79f24bf..f4126779 100644
--- a/content/styles/Sevillanas.yml
+++ b/content/styles/Sevillanas.yml
@@ -1,22 +1,22 @@
 id: Sevillanas
 name: Sevillanas
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Spain
-adjectives: ""
+adjectives: ''
 type: Folk dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Sevillanas
 region: European
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Shimmy.yml b/content/styles/Shimmy.yml
index 22ca2405..8696409f 100644
--- a/content/styles/Shimmy.yml
+++ b/content/styles/Shimmy.yml
@@ -1,22 +1,22 @@
 id: Shimmy
 name: Shimmy
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/ShowTango.yml b/content/styles/ShowTango.yml
index 0c70d485..819539b6 100644
--- a/content/styles/ShowTango.yml
+++ b/content/styles/ShowTango.yml
@@ -1,22 +1,22 @@
 id: ShowTango
 name: Show Tango
 synonyms: Tango fantasia
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Son.yml b/content/styles/Son.yml
index 386bd043..3a1f4545 100644
--- a/content/styles/Son.yml
+++ b/content/styles/Son.yml
@@ -12,16 +12,16 @@ type: Social dance
 holding: closed-couple
 year: 1920s
 predecessors: Danzón
-parent: ""
-influence: ""
+parent: ''
+influence: ''
 family: Salsa
 region: Afro-Caribbean
 source: |-
   https://www.britannica.com/art/Latin-American-dance/The-Caribbean
   https://la-candela-salsa.de/what-is-the-difference-between-salsa-and-son/
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/SpanishBolero.yml b/content/styles/SpanishBolero.yml
index 334081c9..8448a366 100644
--- a/content/styles/SpanishBolero.yml
+++ b/content/styles/SpanishBolero.yml
@@ -1,22 +1,22 @@
 id: SpanishBolero
 name: Spanish bolero
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Ballroom/Latin
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Latin
 region: International
 source: https://en.wikipedia.org/wiki/Ballroom_dance
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/StreetDance.yml b/content/styles/StreetDance.yml
index 3d6a21b1..f5c633c2 100644
--- a/content/styles/StreetDance.yml
+++ b/content/styles/StreetDance.yml
@@ -1,22 +1,22 @@
 id: StreetDance
 name: Street dance
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Street dance
 region: Afro-American
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Swing.yml b/content/styles/Swing.yml
index 7736dfdb..ac9ce87f 100644
--- a/content/styles/Swing.yml
+++ b/content/styles/Swing.yml
@@ -1,22 +1,22 @@
 id: Swing
 name: Swing
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
+source: ''
 root: yes
 partner: yes
 group: no
-related: ""
-music: ""
-timing: ""
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Tango.yml b/content/styles/Tango.yml
index fa61089f..59a46ff7 100644
--- a/content/styles/Tango.yml
+++ b/content/styles/Tango.yml
@@ -1,22 +1,22 @@
 id: Tango
 name: Tango
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Argentina
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
+source: ''
 root: yes
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoArgentino.yml b/content/styles/TangoArgentino.yml
index 7d878f38..6a6deb9f 100644
--- a/content/styles/TangoArgentino.yml
+++ b/content/styles/TangoArgentino.yml
@@ -1,22 +1,22 @@
 id: TangoArgentino
 name: Tango Argentino
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoBallroom.yml b/content/styles/TangoBallroom.yml
index 94a04634..79911907 100644
--- a/content/styles/TangoBallroom.yml
+++ b/content/styles/TangoBallroom.yml
@@ -1,22 +1,22 @@
 id: TangoBallroom
 name: Tango (ballroom)
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Ballroom/Standard
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Latin
 region: International
 source: https://en.wikipedia.org/wiki/Ballroom_dance
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoCamacupense.yml b/content/styles/TangoCamacupense.yml
index c963a5cd..fd597b3b 100644
--- a/content/styles/TangoCamacupense.yml
+++ b/content/styles/TangoCamacupense.yml
@@ -1,22 +1,22 @@
 id: TangoCamacupense
 name: Tango Camacupense
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Angola
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoCanyengue.yml b/content/styles/TangoCanyengue.yml
index ebd8281e..e215b0ba 100644
--- a/content/styles/TangoCanyengue.yml
+++ b/content/styles/TangoCanyengue.yml
@@ -1,22 +1,22 @@
 id: TangoCanyengue
 name: Tango Canyengue
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoLiso.yml b/content/styles/TangoLiso.yml
index b2701d05..614b4055 100644
--- a/content/styles/TangoLiso.yml
+++ b/content/styles/TangoLiso.yml
@@ -1,22 +1,22 @@
 id: TangoLiso
 name: Tango Liso
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoMilonguero.yml b/content/styles/TangoMilonguero.yml
index 0b844731..32496ae7 100644
--- a/content/styles/TangoMilonguero.yml
+++ b/content/styles/TangoMilonguero.yml
@@ -1,22 +1,22 @@
 id: TangoMilonguero
 name: Tango Milonguero
 synonyms: Milonga, tango apilado
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoNuevo.yml b/content/styles/TangoNuevo.yml
index ae11d2c7..e6375eca 100644
--- a/content/styles/TangoNuevo.yml
+++ b/content/styles/TangoNuevo.yml
@@ -1,22 +1,22 @@
 id: TangoNuevo
 name: Tango Nuevo
 synonyms: New Tango
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoOrientalUruguayan.yml b/content/styles/TangoOrientalUruguayan.yml
index 143bb38e..5c7de560 100644
--- a/content/styles/TangoOrientalUruguayan.yml
+++ b/content/styles/TangoOrientalUruguayan.yml
@@ -1,22 +1,22 @@
 id: TangoOrientalUruguayan
 name: Tango Oriental Uruguayan
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoOrillero.yml b/content/styles/TangoOrillero.yml
index 06f8029a..a0b3c53f 100644
--- a/content/styles/TangoOrillero.yml
+++ b/content/styles/TangoOrillero.yml
@@ -1,22 +1,22 @@
 id: TangoOrillero
 name: Tango Orillero
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoSalon.yml b/content/styles/TangoSalon.yml
index 87340c6f..f3efb252 100644
--- a/content/styles/TangoSalon.yml
+++ b/content/styles/TangoSalon.yml
@@ -1,22 +1,22 @@
 id: TangoSalon
 name: Tango Salon
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoValparaisino.yml b/content/styles/TangoValparaisino.yml
index 31a68e11..f3ae8c35 100644
--- a/content/styles/TangoValparaisino.yml
+++ b/content/styles/TangoValparaisino.yml
@@ -1,22 +1,22 @@
 id: TangoValparaisino
 name: Tango Valparaísino
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Valparaíso, Chile
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/TangoVals.yml b/content/styles/TangoVals.yml
index 665a42df..6558268e 100644
--- a/content/styles/TangoVals.yml
+++ b/content/styles/TangoVals.yml
@@ -1,22 +1,22 @@
 id: TangoVals
 name: Tango Vals
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Tango
 region: South American
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Tarraxinha.yml b/content/styles/Tarraxinha.yml
index a0295a44..bee5fe04 100644
--- a/content/styles/Tarraxinha.yml
+++ b/content/styles/Tarraxinha.yml
@@ -1,22 +1,22 @@
 id: Tarraxinha
 name: Tarraxa
 synonyms: Tarraxinha
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Kizomba
 region: African
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Tarraxo.yml b/content/styles/Tarraxo.yml
index 5c626aa3..b965d49d 100644
--- a/content/styles/Tarraxo.yml
+++ b/content/styles/Tarraxo.yml
@@ -1,22 +1,22 @@
 id: Tarraxo
 name: Tarraxo
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Timba.yml b/content/styles/Timba.yml
index b16bb77b..ec9c0e67 100644
--- a/content/styles/Timba.yml
+++ b/content/styles/Timba.yml
@@ -1,6 +1,6 @@
 id: Timba
 name: Timba
-synonyms: ""
+synonyms: ''
 description: In the broadest sense, people dance timba in a style called
   "casino" that was around well before 1989, but certain rhythmic elements of
   timba arrangements inspired new ways of dancing. In some cases, dancers would
@@ -9,21 +9,21 @@ description: In the broadest sense, people dance timba in a style called
   timba is an independent genre and not simply "modern son montuno" or "Cuban
   salsa.". Associated with timba is a radically sexual and provocative dance
   style known as despelote (literally meaning chaos or frenzy).
-history: ""
+history: ''
 origins: Cuba
 adjectives: fun
 type: Social dance
 holding: closed-couple
-year: "1988"
+year: '1988'
 predecessors: Casino
-parent: ""
-influence: ""
+parent: ''
+influence: ''
 family: Salsa
 region: Afro-Caribbean
 source: https://en.wikipedia.org/wiki/Timba#Dance_and_culture
-root: ""
+root: ''
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Twerking.yml b/content/styles/Twerking.yml
index 9f46a151..46014182 100644
--- a/content/styles/Twerking.yml
+++ b/content/styles/Twerking.yml
@@ -1,22 +1,22 @@
 id: Twerking
 name: Twerking
 synonyms: Twerk
-description: ""
-history: ""
+description: ''
+history: ''
 origins: New Orlean, USA
-adjectives: ""
-type: ""
+adjectives: ''
+type: ''
 holding: solo
 year: 1980s
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://en.wikipedia.org/wiki/Twerking
-root: ""
-partner: ""
-group: ""
+root: ''
+partner: ''
+group: ''
 related: reggaeton
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/UrbanKizz.yml b/content/styles/UrbanKizz.yml
index f8c9ff93..59a6a1df 100644
--- a/content/styles/UrbanKizz.yml
+++ b/content/styles/UrbanKizz.yml
@@ -1,22 +1,22 @@
 id: UrbanKizz
 name: Urban Kiz
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Kizomba
 region: African
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/UrbanTarraxa.yml b/content/styles/UrbanTarraxa.yml
index 890b81e5..4381a15c 100644
--- a/content/styles/UrbanTarraxa.yml
+++ b/content/styles/UrbanTarraxa.yml
@@ -1,22 +1,22 @@
 id: UrbanTarraxa
 name: Urban Tarraxa
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
-source: ""
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
+source: ''
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Vallenato.yml b/content/styles/Vallenato.yml
index 0162bc10..9273574c 100644
--- a/content/styles/Vallenato.yml
+++ b/content/styles/Vallenato.yml
@@ -1,22 +1,22 @@
 id: Vallenato
 name: Vallenato
 synonyms: Ballenato
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://en.wikipedia.org/wiki/Vallenato
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/VienneseWaltz.yml b/content/styles/VienneseWaltz.yml
index 7a06cfef..876b1f84 100644
--- a/content/styles/VienneseWaltz.yml
+++ b/content/styles/VienneseWaltz.yml
@@ -1,22 +1,22 @@
 id: VienneseWaltz
 name: Viennese Waltz
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Ballroom/Standard
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Ballroom
 region: International
 source: https://en.wikipedia.org/wiki/Ballroom_dance
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Vogue.yml b/content/styles/Vogue.yml
index b531d95e..8770a8dc 100644
--- a/content/styles/Vogue.yml
+++ b/content/styles/Vogue.yml
@@ -1,22 +1,22 @@
 id: Vogue
 name: Vogue
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: USA
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Vogue
 region: Afro-American
-source: ""
+source: ''
 root: yes
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Volta.yml b/content/styles/Volta.yml
index 28ff4cc6..e9f7c64d 100644
--- a/content/styles/Volta.yml
+++ b/content/styles/Volta.yml
@@ -1,22 +1,22 @@
 id: Volta
 name: Volta
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: open-couple
 year: 16xx
-predecessors: ""
-parent: ""
-influence: ""
-family: ""
-region: ""
+predecessors: ''
+parent: ''
+influence: ''
+family: ''
+region: ''
 source: https://www.britannica.com/art/Latin-American-dance#ref279309
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Waltz.yml b/content/styles/Waltz.yml
index d6510887..3257f3ab 100644
--- a/content/styles/Waltz.yml
+++ b/content/styles/Waltz.yml
@@ -1,24 +1,24 @@
 id: Waltz
 name: Waltz
-synonyms: ""
-description: ""
-history: ""
-origins: ""
-adjectives: ""
+synonyms: ''
+description: ''
+history: ''
+origins: ''
+adjectives: ''
 type: Social dance
 holding: closed-couple
 year: 18xx
-predecessors: ""
-parent: ""
-influence: ""
+predecessors: ''
+parent: ''
+influence: ''
 family: Ballroom
 region: International
 source: |-
   https://www.britannica.com/art/Latin-American-dance#ref279309
   https://en.wikipedia.org/wiki/Ballroom_dance
-root: ""
-partner: ""
-group: ""
-related: ""
-music: ""
-timing: ""
+root: ''
+partner: ''
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/WestCoastSwing.yml b/content/styles/WestCoastSwing.yml
index 030a0c80..09262a24 100644
--- a/content/styles/WestCoastSwing.yml
+++ b/content/styles/WestCoastSwing.yml
@@ -1,22 +1,22 @@
 id: WestCoastSwing
 name: West Coast Swing
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: US
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Swing
 region: Afro-American
-source: ""
-root: ""
+source: ''
+root: ''
 partner: yes
 group: no
 related: Lindy Hop
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Worm.yml b/content/styles/Worm.yml
index b419b698..4e7c92dc 100644
--- a/content/styles/Worm.yml
+++ b/content/styles/Worm.yml
@@ -1,22 +1,22 @@
 id: Worm
 name: Worm
 synonyms: the caterpillar, the dolphin
-description: ""
-history: ""
-origins: ""
-adjectives: ""
-type: ""
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+description: ''
+history: ''
+origins: ''
+adjectives: ''
+type: ''
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Street dance
 region: Afro-American
-source: ""
-root: ""
-partner: ""
-group: ""
+source: ''
+root: ''
+partner: ''
+group: ''
 related: breakdancing, Funk
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/content/styles/Zouk.yml b/content/styles/Zouk.yml
index 3469e419..d9fa76d3 100644
--- a/content/styles/Zouk.yml
+++ b/content/styles/Zouk.yml
@@ -1,22 +1,22 @@
 id: Zouk
 name: Zouk
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Guadeloupe and Martinique
-adjectives: ""
+adjectives: ''
 type: Social dance
-holding: ""
+holding: ''
 year: 1980s
-predecessors: ""
-parent: ""
-influence: ""
+predecessors: ''
+parent: ''
+influence: ''
 family: Zouk
 region: French Caribbean
 source: https://en.wikipedia.org/wiki/Zouk
 root: yes
 partner: yes
-group: ""
-related: ""
-music: ""
-timing: ""
+group: ''
+related: ''
+music: ''
+timing: ''
diff --git a/content/styles/Zumba.yml b/content/styles/Zumba.yml
index 5d3c48ac..1c34804b 100644
--- a/content/styles/Zumba.yml
+++ b/content/styles/Zumba.yml
@@ -1,22 +1,22 @@
 id: Zumba
 name: Zumba
-synonyms: ""
-description: ""
-history: ""
+synonyms: ''
+description: ''
+history: ''
 origins: Colombia
-adjectives: ""
+adjectives: ''
 type: Fitness
-holding: ""
-year: ""
-predecessors: ""
-parent: ""
-influence: ""
+holding: ''
+year: ''
+predecessors: ''
+parent: ''
+influence: ''
 family: Zumba
 region: South American
-source: ""
+source: ''
 root: yes
 partner: no
 group: yes
 related: hip-hop, soca, samba, salsa, merengue, mambo
-music: ""
-timing: ""
+music: ''
+timing: ''
diff --git a/functions/src/index.ts b/functions/src/index.ts
index ca83b46a..f0ddbf30 100644
--- a/functions/src/index.ts
+++ b/functions/src/index.ts
@@ -174,12 +174,7 @@ export const onProfileChange = functions.firestore
         .update({ [`profiles.${profileId}`]: profileCache })
     }
 
-    const cache = (
-      await db
-        .collection('app')
-        .doc('v2')
-        .get()
-    ).data() as any
+    const cache = (await db.collection('app').doc('v2').get()).data() as any
 
     const index = initIndex('profiles')
 
@@ -212,12 +207,7 @@ export const profileCreated = functions.firestore
   .onCreate(async (snapshot, context) => {
     const profile = snapshot.data() as any
     const profileId = context.params.profileId
-    const cache = (
-      await db
-        .collection('app')
-        .doc('v2')
-        .get()
-    ).data() as any
+    const cache = (await db.collection('app').doc('v2').get()).data() as any
 
     const cityName = cache.cities[profile.place]?.name || 'International'
 
@@ -294,12 +284,7 @@ export const eventCreated = functions.firestore
       return
     }
 
-    const cache = (
-      await db
-        .collection('app')
-        .doc('v2')
-        .get()
-    ).data() as any
+    const cache = (await db.collection('app').doc('v2').get()).data() as any
 
     const cityName = cache.cities[event.place]?.name || 'International'
     const promoter = cache.profiles[event.promotedBy]?.username || 'Unknown'
@@ -351,10 +336,7 @@ export const eventConfirmation = functions.firestore
     }
 
     const event: any = (
-      await db
-        .collection('posts')
-        .doc(rsvp.eventId)
-        .get()
+      await db.collection('posts').doc(rsvp.eventId).get()
     ).data()
 
     const subject = event.name
@@ -393,12 +375,7 @@ async function getAccountByUsername(username: string) {
 
   const id = profiles.docs[0].id
 
-  const account: any = (
-    await db
-      .collection('accounts')
-      .doc(id)
-      .get()
-  ).data()
+  const account: any = (await db.collection('accounts').doc(id).get()).data()
 
   account.id = id
 
@@ -412,10 +389,7 @@ export const commentNotification = functions.firestore
     const commentId = context.params.commentId
 
     const post: any = (
-      await db
-        .collection('posts')
-        .doc(comment.postId)
-        .get()
+      await db.collection('posts').doc(comment.postId).get()
     ).data()
 
     if (!post.watch) {
@@ -481,12 +455,7 @@ export const matchNotification = functions.firestore
     delete after.members[after.lastMessageBy]
     const to = Object.keys(after.members)[0]
 
-    const toAccount = (
-      await db
-        .collection('accounts')
-        .doc(to)
-        .get()
-    ).data()
+    const toAccount = (await db.collection('accounts').doc(to).get()).data()
 
     if (!toAccount) {
       throw new Error('toAccount not found')
diff --git a/functions/src/lib/algolia.ts b/functions/src/lib/algolia.ts
index 02c4bd57..a83ad235 100644
--- a/functions/src/lib/algolia.ts
+++ b/functions/src/lib/algolia.ts
@@ -51,10 +51,7 @@ export function profileToAlgolia(profile: any, cache: any) {
 
 export async function indexProfiles() {
   const cache = (
-    await firestore
-      .collection('app')
-      .doc('v2')
-      .get()
+    await firestore.collection('app').doc('v2').get()
   ).data() as any
 
   const index = initIndex('profiles')
diff --git a/functions/src/lib/migrations.ts b/functions/src/lib/migrations.ts
index 89ccbe2e..7fc7d1b3 100644
--- a/functions/src/lib/migrations.ts
+++ b/functions/src/lib/migrations.ts
@@ -33,10 +33,7 @@ export async function migrateFavs() {
 
     const after = Object.keys(savedBy).length
 
-    await db
-      .collection('posts')
-      .doc(post.id)
-      .update({ savedBy })
+    await db.collection('posts').doc(post.id).update({ savedBy })
 
     console.log({ title: post.title, before, after })
   }
@@ -47,17 +44,11 @@ export async function migrateUsernames() {
 
   for (const post of posts) {
     const username = (
-      await db
-        .collection('profiles')
-        .doc(post.createdBy)
-        .get()
+      await db.collection('profiles').doc(post.createdBy).get()
     ).data()?.username
 
     if (username) {
-      await db
-        .collection('posts')
-        .doc(post.id)
-        .update({ username })
+      await db.collection('posts').doc(post.id).update({ username })
     }
 
     console.log({ type: 'post', title: post.title, username, id: post.id })
@@ -67,17 +58,11 @@ export async function migrateUsernames() {
 
   for (const event of events) {
     const username = (
-      await db
-        .collection('profiles')
-        .doc(event.createdBy)
-        .get()
+      await db.collection('profiles').doc(event.createdBy).get()
     ).data()?.username
 
     if (username) {
-      await db
-        .collection('events')
-        .doc(event.id)
-        .update({ username })
+      await db.collection('events').doc(event.id).update({ username })
     }
 
     console.log({ type: 'event', name: event.name, username, id: event.id })
@@ -196,10 +181,7 @@ export async function migrateChat() {
 
     console.log(chatId, chat)
 
-    await db
-      .collection('chats')
-      .doc(chatId)
-      .set(chat)
+    await db.collection('chats').doc(chatId).set(chat)
   }
 }
 
@@ -210,10 +192,7 @@ export async function generateSocialCover(profile: any) {
 
   const socialCover = result.data.url
 
-  await db
-    .collection('profiles')
-    .doc(profile.id)
-    .update({
-      socialCover,
-    })
+  await db.collection('profiles').doc(profile.id).update({
+    socialCover,
+  })
 }
diff --git a/functions/src/sentry.ts b/functions/src/sentry.ts
index 51068b19..1ad8ea57 100644
--- a/functions/src/sentry.ts
+++ b/functions/src/sentry.ts
@@ -1,11 +1,13 @@
 import * as sentry from '@sentry/node'
 
-export const wrap = (fn: any) => async (...args: Array<any>) => {
-  try {
-    return await fn(...args)
-  } catch (e) {
-    sentry.captureException(e)
-    await sentry.flush(2000)
-    throw e
+export const wrap =
+  (fn: any) =>
+  async (...args: Array<any>) => {
+    try {
+      return await fn(...args)
+    } catch (e) {
+      sentry.captureException(e)
+      await sentry.flush(2000)
+      throw e
+    }
   }
-}
diff --git a/layouts/dark.vue b/layouts/dark.vue
index a38c999e..014aff26 100644
--- a/layouts/dark.vue
+++ b/layouts/dark.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="bg-dark md:py-4 min-h-screen">
+  <div class="min-h-screen bg-dark md:py-4">
     <div
-      class="mx-auto w-full max-w-lg md:rounded md:border md:shadow bg-white"
+      class="mx-auto w-full max-w-lg bg-white md:rounded md:border md:shadow"
     >
       <nuxt />
     </div>
diff --git a/layouts/default.vue b/layouts/default.vue
index 5007ce0b..a902014c 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,13 +1,13 @@
 <template>
   <div
-    class="font-sans leading-normal tracking-normal antialiased min-h-screen flex flex-col mx-auto max-w-2xl border-r"
+    class="mx-auto flex min-h-screen max-w-2xl flex-col border-r font-sans leading-normal tracking-normal antialiased"
   >
     <TPopup
       v-if="showAuthPopup"
       :title="$t('popup.auth.title')"
       @close="showAuthPopup = false"
     >
-      <div class="my-4 w-64 flex flex-col justify-center text-center">
+      <div class="my-4 flex w-64 flex-col justify-center text-center">
         <div class="p-4">
           {{ $t('popup.auth.body', { action: showAuthPopup }) }}
         </div>
@@ -23,13 +23,13 @@
 
     <div
       v-if="isMenuOpen"
-      class="fixed w-full h-full top-0 left-0 bg-black opacity-50 z-20"
+      class="fixed top-0 left-0 z-20 h-full w-full bg-black opacity-50"
       @click="isMenuOpen = false"
     />
     <transition name="slide">
       <div
         v-if="isMenuOpen"
-        class="bg-white fixed left-0 w-56 bottom-0 top-0 z-30 shadow-lg md:hidden"
+        class="fixed left-0 bottom-0 top-0 z-30 w-56 bg-white shadow-lg md:hidden"
       >
         <MainNavigation :uid="uid" :username="username" />
       </div>
@@ -37,13 +37,13 @@
 
     <THamburger v-model="isMenuOpen" class="absolute mt-2 md:hidden" />
 
-    <div class="flex-grow flex">
+    <div class="flex flex-grow">
       <MainNavigation
         :uid="uid"
         :username="username"
-        class="hidden md:block flex-initial w-64"
+        class="hidden w-64 flex-initial md:block"
       />
-      <nuxt class="flex-grow w-full" />
+      <nuxt class="w-full flex-grow" />
     </div>
   </div>
 </template>
@@ -166,14 +166,8 @@ export default {
     }
   },
   setup() {
-    const {
-      uid,
-      account,
-      profile,
-      username,
-      isAdmin,
-      showAuthPopup,
-    } = useAuth()
+    const { uid, account, profile, username, isAdmin, showAuthPopup } =
+      useAuth()
     const { changeCityByName } = useCities()
     const { getCity } = useApp()
 
diff --git a/layouts/error.vue b/layouts/error.vue
index f7551387..07195342 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -1,14 +1,14 @@
 <template>
   <div
-    class="flex-grow flex flex-col justify-center items-center bg-white min-h-screen"
+    class="flex min-h-screen flex-grow flex-col items-center justify-center bg-white"
   >
-    <h1 class="font-bold text-4xl mb-2 leading-tight">
+    <h1 class="mb-2 text-4xl font-bold leading-tight">
       {{ statusCode }}
     </h1>
-    <h1 class="font-bold text-2xl mb-2 leading-tight">
+    <h1 class="mb-2 text-2xl font-bold leading-tight">
       {{ message }}
     </h1>
-    <TIcon name="undraw_compose_music" class="w-64 mt-8" />
+    <TIcon name="undraw_compose_music" class="mt-8 w-64" />
   </div>
 </template>
 
diff --git a/layouts/popup.vue b/layouts/popup.vue
index 076ffde5..0f60f1a7 100644
--- a/layouts/popup.vue
+++ b/layouts/popup.vue
@@ -1,17 +1,17 @@
 <template>
-  <div class="bg-dark flex justify-center items-center min-h-screen">
+  <div class="flex min-h-screen items-center justify-center bg-dark">
     <div
-      class="absolute top-0 left-0 right-0 m-4 flex justify-between items-center"
+      class="absolute top-0 left-0 right-0 m-4 flex items-center justify-between"
     >
       <div class="flex items-center">
-        <TIcon class="w-6 h-6 mt-2 mr-2" name="icon" />
+        <TIcon class="mt-2 mr-2 h-6 w-6" name="icon" />
         <TIcon class="h-4 w-32 text-white" name="logo-text" />
       </div>
       <div>
         <TButton allow-guests to="/signout">{{ $t('auth.signout') }}</TButton>
       </div>
     </div>
-    <main class="bg-white rounded p-4 max-w-sm mt-20">
+    <main class="mt-20 max-w-sm rounded bg-white p-4">
       <nuxt />
     </main>
   </div>
diff --git a/layouts/public.vue b/layouts/public.vue
index 814bfb2e..dfef1655 100644
--- a/layouts/public.vue
+++ b/layouts/public.vue
@@ -1,18 +1,18 @@
 <template>
   <div
-    class="font-sans leading-normal tracking-normal antialiased flex flex-col min-h-screen"
+    class="flex min-h-screen flex-col font-sans leading-normal tracking-normal antialiased"
   >
     <div class="flex-grow">
       <nuxt />
     </div>
 
     <TFooter>
-      <div class="flex items-center justify-between flex-wrap mb-8">
+      <div class="mb-8 flex flex-wrap items-center justify-between">
         <div class="flex items-center justify-start">
           <NuxtLink to="/" class="flex items-center pb-2">
-            <TIcon class="w-6 h-6 pt-1 mr-2" name="icon" />
+            <TIcon class="mr-2 h-6 w-6 pt-1" name="icon" />
             <TIcon
-              class="h-4 w-32 hidden md:block text-white"
+              class="hidden h-4 w-32 text-white md:block"
               name="logo-text"
             />
           </NuxtLink>
diff --git a/middleware/admin.js b/middleware/admin.js
index 9542f347..9a287a03 100644
--- a/middleware/admin.js
+++ b/middleware/admin.js
@@ -1,6 +1,6 @@
 import { useAuth } from '~/use/auth'
 
-export default function({ redirect }) {
+export default function ({ redirect }) {
   const { isAdmin } = useAuth()
 
   if (!isAdmin()) {
diff --git a/middleware/auth.js b/middleware/auth.js
index 9230f053..5ff70cd2 100644
--- a/middleware/auth.js
+++ b/middleware/auth.js
@@ -1,7 +1,7 @@
 import ls from 'local-storage'
 import { useAuth } from '~/use/auth'
 
-export default function({ route, redirect }) {
+export default function ({ route, redirect }) {
   const { uid } = useAuth()
 
   if (!uid.value) {
diff --git a/package.json b/package.json
index cc765f2a..1319a4a3 100644
--- a/package.json
+++ b/package.json
@@ -89,7 +89,8 @@
     "lint-staged": "^10.0.0",
     "node-sass": "4.14",
     "postcss": "^8.4.5",
-    "prettier": "^1.19.1",
+    "prettier": "2.5.1",
+    "prettier-plugin-tailwindcss": "^0.1.6",
     "sass-loader": "10.1.1",
     "stylelint": "^10.1.0",
     "tailwindcss": "^3.0.16",
diff --git a/pages/_slug/edit.vue b/pages/_slug/edit.vue
index fbaf6880..eab0b601 100644
--- a/pages/_slug/edit.vue
+++ b/pages/_slug/edit.vue
@@ -1,12 +1,12 @@
 <template>
-  <div class="bg-dark md:py-4 min-h-screen">
+  <div class="min-h-screen bg-dark md:py-4">
     <div
-      class="mx-auto w-full max-w-lg md:rounded md:border md:shadow bg-white"
+      class="mx-auto w-full max-w-lg bg-white md:rounded md:border md:shadow"
     >
-      <div class="flex justify-between m-4">
+      <div class="m-4 flex justify-between">
         <div class="font-bold">Edit profile</div>
         <button class="cursor-pointer" @click="$router.back()">
-          <TIcon name="close" class="cursor-pointer w-4 h-4" />
+          <TIcon name="close" class="h-4 w-4 cursor-pointer" />
         </button>
       </div>
 
@@ -15,7 +15,7 @@
         :fields="profileFields"
         vertical
         show-remove
-        class="bg-white p-4 space-y-4"
+        class="space-y-4 bg-white p-4"
         @save="saveItem"
       />
     </div>
diff --git a/pages/admin/cities.vue b/pages/admin/cities.vue
index 5ba14c4e..ada58aea 100644
--- a/pages/admin/cities.vue
+++ b/pages/admin/cities.vue
@@ -1,16 +1,16 @@
 <template>
   <TCardList v-bind="config">
     <template v-slot="{ item }">
-      <div class="p-4 border rounded mb-4 bg-white">
-        <div class="flex justify-between items-start">
+      <div class="mb-4 rounded border bg-white p-4">
+        <div class="flex items-start justify-between">
           <div>
             <div class="text-xs">Hits: {{ item.hits || 0 }}</div>
-            <div class="font-bold text-lg">
+            <div class="text-lg font-bold">
               {{ item.name }}
             </div>
             <div>
               {{ item.location.country }} –
-              <span class="text-xs font-mono bg-gray-200 p-1 rounded">{{
+              <span class="rounded bg-gray-200 p-1 font-mono text-xs">{{
                 item.location.place_id
               }}</span>
             </div>
@@ -18,7 +18,7 @@
           </div>
           <div>
             <div
-              class="text-xs text-white font-bold px-2 py-1 rounded-full"
+              class="rounded-full px-2 py-1 text-xs font-bold text-white"
               :class="cityStatusClass[item.status]"
             >
               {{ item.status }}
diff --git a/pages/admin/emails.vue b/pages/admin/emails.vue
index 18be6b70..d2452642 100644
--- a/pages/admin/emails.vue
+++ b/pages/admin/emails.vue
@@ -10,7 +10,7 @@
       <template v-slot:card-toolbar="{ item }">
         <button
           v-if="can('analytics', collection, item)"
-          class="p-2 hover:text-primary flex"
+          class="flex p-2 hover:text-primary"
           @click="
             peopleId !== item.id ? (peopleId = item.id) : (peopleId = false)
           "
@@ -30,11 +30,11 @@
           @close="peopleId = false"
         />
 
-        <div class="p-4 border rounded mb-4 bg-white">
-          <div class="flex justify-between items-start">
+        <div class="mb-4 rounded border bg-white p-4">
+          <div class="flex items-start justify-between">
             <div>
               <div class="flex text-xs">
-                <div class="mb-2 text-gray-500 mr-2">
+                <div class="mb-2 mr-2 text-gray-500">
                   <span class="font-bold">Created</span> at
                   {{ getDate(item.createdAt) }} at
                   {{ getTime(item.createdAt) }}
@@ -45,13 +45,13 @@
                   {{ getTime(item.scheduledAt) }}
                 </div>
               </div>
-              <div class="font-bold text-lg">
+              <div class="text-lg font-bold">
                 {{ item.subject }}
               </div>
             </div>
             <div>
               <div
-                class="text-xs text-white font-bold px-2 py-1 rounded-full"
+                class="rounded-full px-2 py-1 text-xs font-bold text-white"
                 :class="emailStatusClass[item.status]"
               >
                 {{ item.status }}
@@ -68,7 +68,7 @@
             class="mt-2"
           />
 
-          <div v-if="item.status === 'error'" class="text-red-500 text-xs">
+          <div v-if="item.status === 'error'" class="text-xs text-red-500">
             <span class="font-bold">Error:</span> {{ item.error }}
           </div>
         </div>
diff --git a/pages/admin/events.vue b/pages/admin/events.vue
index ad81cc74..808985b0 100644
--- a/pages/admin/events.vue
+++ b/pages/admin/events.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col" style="height: 100vh">
-    <div class="p-4 flex space-x-4">
+    <div class="flex space-x-4 p-4">
       <div>{{ events.length }} events</div>
       <TInputButtons v-model="onlyLast" :options="onlyLastOptions" />
     </div>
diff --git a/pages/admin/reports.vue b/pages/admin/reports.vue
index b96c5315..0f6b50cb 100644
--- a/pages/admin/reports.vue
+++ b/pages/admin/reports.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="!isAdmin" class="mt-4 mx-auto max-w-md p-4 text-sm text-center">
+  <div v-if="!isAdmin" class="mx-auto mt-4 max-w-md p-4 text-center text-sm">
     Only admin can access this area.
   </div>
   <div v-else>
@@ -11,8 +11,8 @@
       :filters="filters"
     >
       <template v-slot:default="{ item }">
-        <div class="mb-4 bg-white max-w-sm">
-          <div class="bg-white p-4 max-w-sm">
+        <div class="mb-4 max-w-sm bg-white">
+          <div class="max-w-sm bg-white p-4">
             <div>Reported by {{ getAccount(item.createdBy).name }}</div>
             <div class="text-xs">
               {{ getDateTime(item.createdAt) }}
diff --git a/pages/admin/suspended.vue b/pages/admin/suspended.vue
index ff4216d9..3cc8f35d 100644
--- a/pages/admin/suspended.vue
+++ b/pages/admin/suspended.vue
@@ -1,10 +1,10 @@
 <template>
   <TCardList v-bind="config" class="mx-4">
     <template v-slot:default="{ item }">
-      <div class="space-y-2 border rounded overflow-hidden">
-        <div class="flex justify-between p-4 w-full">
+      <div class="space-y-2 overflow-hidden rounded border">
+        <div class="flex w-full justify-between p-4">
           <div>
-            <div class="font-bold text-xs text-red-500">
+            <div class="text-xs font-bold text-red-500">
               {{ getDateTime(item.deletedAt) }}
             </div>
             <div><span class="font-bold">Reason:</span> {{ item.reason }}</div>
diff --git a/pages/admin/templates.vue b/pages/admin/templates.vue
index 4ddc7f8f..210fd70c 100644
--- a/pages/admin/templates.vue
+++ b/pages/admin/templates.vue
@@ -9,7 +9,7 @@
       <template v-slot:card-toolbar="{ item }">
         <button
           v-if="can('analytics', collection, item)"
-          class="p-2 hover:text-primary flex"
+          class="flex p-2 hover:text-primary"
           @click="
             peopleId !== item.id ? (peopleId = item.id) : (peopleId = false)
           "
@@ -31,10 +31,10 @@
           @close="peopleId = false"
         />
 
-        <div class="p-4 border rounded mb-4 bg-white">
-          <div class="flex justify-between items-start">
+        <div class="mb-4 rounded border bg-white p-4">
+          <div class="flex items-start justify-between">
             <div>
-              <div class="font-bold text-xs">
+              <div class="text-xs font-bold">
                 {{ item.name }}
               </div>
               <div class="text-sm">{{ item.from }}</div>
diff --git a/pages/admin/users.vue b/pages/admin/users.vue
index 87407e57..6082f1d1 100644
--- a/pages/admin/users.vue
+++ b/pages/admin/users.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col" style="height: 100vh">
-    <div class="p-4 flex space-x-4">
+    <div class="flex space-x-4 p-4">
       <div>{{ profiles.length }} profiles</div>
       <TInputButtons v-model="onlyLast" :options="onlyLastOptions" />
       <TInputButtons v-model="view" :options="viewOptions" />
diff --git a/pages/admin/venues.vue b/pages/admin/venues.vue
index b8066191..957b1d9e 100644
--- a/pages/admin/venues.vue
+++ b/pages/admin/venues.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col" style="height: 100vh">
-    <div class="p-4 flex space-x-4">
+    <div class="flex space-x-4 p-4">
       <div>{{ venues.length }} venues</div>
       <TInputButtons v-model="onlyLast" :options="onlyLastOptions" />
     </div>
diff --git a/pages/chat/_slug.vue b/pages/chat/_slug.vue
index fbe3de6b..88c36e99 100644
--- a/pages/chat/_slug.vue
+++ b/pages/chat/_slug.vue
@@ -1,23 +1,23 @@
 <template>
   <TLoader v-if="loading" />
-  <div v-else class="flex flex-col h-full">
+  <div v-else class="flex h-full flex-col">
     <THeader
       :title="$t('conversation.userName', { username: receiver.username })"
     />
-    <div v-if="!chat || !chat.createdAt" class="p-16 text-xs text-center">
+    <div v-if="!chat || !chat.createdAt" class="p-16 text-center text-xs">
       {{ $t('conversation.empty') }}
     </div>
-    <div v-else class="overflow-y-scroll flex-grow">
+    <div v-else class="flex-grow overflow-y-scroll">
       <div
         v-for="item in chat.messages"
         :key="item.createdAt"
-        class="border-b p-4 flex items-start"
+        class="flex items-start border-b p-4"
       >
         <div class="w-12 flex-shrink-0">
           <TAvatar photo size="md" :uid="item.createdBy" />
         </div>
         <div class="flex-grow">
-          <div class="text-xs space-x-1 text-gray-900 flex">
+          <div class="flex space-x-1 text-xs text-gray-900">
             <TAvatar name :uid="item.createdBy" />
             <span>•</span>
             <div>{{ dateDiff(item.createdAt) }}</div>
@@ -26,7 +26,7 @@
           <TPreview class="text-sm leading-tight" :content="item.text" />
         </div>
       </div>
-      <div class="text-xs p-4 text-center">
+      <div class="p-4 text-center text-xs">
         <div v-if="chat.lastSeen[receiverUid]">
           <NuxtLink :to="`/${receiver.username}`" class="underline">{{
             receiver.username
@@ -48,7 +48,7 @@
         cols="30"
         rows="2"
         :placeholder="$t('conversation.newMessage.placeholder')"
-        class="w-full p-4 border-t border-b"
+        class="w-full border-t border-b p-4"
         @keyup.enter="send"
       ></textarea>
       <div class="flex justify-end">
diff --git a/pages/chat/index.vue b/pages/chat/index.vue
index eea9c248..265243b6 100644
--- a/pages/chat/index.vue
+++ b/pages/chat/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <THeader :title="$t('chat.title')" />
-    <div v-if="!chats" class="p-16 text-xs text-center">
+    <div v-if="!chats" class="p-16 text-center text-xs">
       {{ $t('chat.empty') }}
     </div>
     <div v-else>
@@ -9,14 +9,14 @@
         v-for="chat in chats"
         :key="chat.receiver.id"
         :to="`/chat/${chat.receiver.username}`"
-        class="border-b p-4 flex items-start hover:bg-gray-100"
+        class="flex items-start border-b p-4 hover:bg-gray-100"
         :class="{ 'font-bold': chat.unread }"
       >
         <div class="w-12 flex-shrink-0">
           <TProfilePhoto2 size="md" :src="chat.receiver.photo" />
         </div>
         <div class="flex-grow">
-          <div class="text-xs space-x-1 text-gray-900 flex">
+          <div class="flex space-x-1 text-xs text-gray-900">
             <span>{{
               chat.receiver.username || $t('chat.receiver.deleted')
             }}</span>
diff --git a/pages/cities.vue b/pages/cities.vue
index 0488eaa3..b0e2bea6 100644
--- a/pages/cities.vue
+++ b/pages/cities.vue
@@ -4,9 +4,9 @@
       <t-input v-model="query" placeholder="Search city" />
     </THeader>
 
-    <div v-for="city in results" :key="city.value" class="border-b flex">
+    <div v-for="city in results" :key="city.value" class="flex border-b">
       <div
-        class="flex-grow text-lg p-4 cursor-pointer hover:bg-red-100"
+        class="flex-grow cursor-pointer p-4 text-lg hover:bg-red-100"
         @click="changeCity(city.value)"
       >
         {{ city.label }}
diff --git a/pages/community.vue b/pages/community.vue
index f60be530..15982d71 100644
--- a/pages/community.vue
+++ b/pages/community.vue
@@ -5,7 +5,7 @@
     </THeader>
 
     <div>
-      <div v-if="uid && response.facets" class="mb-4 gap-2 flex flex-wrap p-4">
+      <div v-if="uid && response.facets" class="mb-4 flex flex-wrap gap-2 p-4">
         <TButton
           to="/cities?target=/community"
           icon="place"
@@ -34,7 +34,7 @@
         </TButton>
       </div>
 
-      <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
+      <div class="grid grid-cols-1 gap-2 md:grid-cols-2">
         <NuxtLink
           v-for="item in response.hits"
           :key="item.id"
diff --git a/pages/dance/_slug.vue b/pages/dance/_slug.vue
index fae8a2ea..19ee9b70 100644
--- a/pages/dance/_slug.vue
+++ b/pages/dance/_slug.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="typo p-4 border-b">
+    <div class="typo border-b p-4">
       <h1>{{ page.name }}</h1>
       <p v-if="page.synonyms" class="italic">
         Also known as {{ page.synonyms }}
@@ -33,58 +33,58 @@
       </div>
 
       <table class="mt-4 min-w-full divide-y divide-gray-200">
-        <tbody class="bg-white divide-y divide-gray-200">
+        <tbody class="divide-y divide-gray-200 bg-white">
           <tr>
             <th
-              class="bg-gray-100 px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+              class="bg-gray-100 px-3 py-2 text-left text-xs font-medium uppercase tracking-wider text-gray-500"
             >
               Region
             </th>
-            <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
+            <td class="whitespace-nowrap px-3 py-2 text-sm text-gray-500">
               {{ page.region }}
             </td>
           </tr>
 
           <tr>
             <th
-              class="bg-gray-100 px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+              class="bg-gray-100 px-3 py-2 text-left text-xs font-medium uppercase tracking-wider text-gray-500"
             >
               Origins
             </th>
-            <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
+            <td class="whitespace-nowrap px-3 py-2 text-sm text-gray-500">
               {{ page.origins }}
             </td>
           </tr>
 
           <tr>
             <th
-              class="bg-gray-100 px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+              class="bg-gray-100 px-3 py-2 text-left text-xs font-medium uppercase tracking-wider text-gray-500"
             >
               Parent
             </th>
-            <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
+            <td class="whitespace-nowrap px-3 py-2 text-sm text-gray-500">
               {{ page.parent }}
             </td>
           </tr>
 
           <tr>
             <th
-              class="bg-gray-100 px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+              class="bg-gray-100 px-3 py-2 text-left text-xs font-medium uppercase tracking-wider text-gray-500"
             >
               Type
             </th>
-            <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
+            <td class="whitespace-nowrap px-3 py-2 text-sm text-gray-500">
               {{ page.type }}
             </td>
           </tr>
 
           <tr>
             <th
-              class="bg-gray-100 px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+              class="bg-gray-100 px-3 py-2 text-left text-xs font-medium uppercase tracking-wider text-gray-500"
             >
               Year
             </th>
-            <td class="px-3 py-2 whitespace-nowrap text-sm text-gray-500">
+            <td class="whitespace-nowrap px-3 py-2 text-sm text-gray-500">
               {{ page.year }}
             </td>
           </tr>
@@ -123,9 +123,7 @@ export default {
 
     try {
       page = await $content(`styles/${slug}`).fetch()
-      related = await $content(`styles`)
-        .where({ family: page.family })
-        .fetch()
+      related = await $content(`styles`).where({ family: page.family }).fetch()
       pageFound = true
     } catch (e) {}
 
diff --git a/pages/dance/index.vue b/pages/dance/index.vue
index 2858cf26..b28b8cf6 100644
--- a/pages/dance/index.vue
+++ b/pages/dance/index.vue
@@ -12,13 +12,13 @@
     </div>
     <div class="text-center">
       <div v-for="category in categories" :key="category" class="mb-4">
-        <h4 class="font-bold text-lg">{{ category }}</h4>
+        <h4 class="text-lg font-bold">{{ category }}</h4>
         <div class="text-center">
           <NuxtLink
             v-for="style in subStyles(category)"
             :key="style.id"
             :class="{ 'bg-primary text-white': contains(style.id) }"
-            class="rounded px-2 py-1 border m-1 inline-block cursor-pointer"
+            class="m-1 inline-block cursor-pointer rounded border px-2 py-1"
             :to="`/dance/${style.id}`"
           >
             <span>{{ style.name }}</span>
diff --git a/pages/demo/city.vue b/pages/demo/city.vue
index dd9b1a98..99f8134f 100644
--- a/pages/demo/city.vue
+++ b/pages/demo/city.vue
@@ -1,32 +1,32 @@
 <template>
-  <div class="space-y-4 my-4 p-4">
+  <div class="my-4 space-y-4 p-4">
     <div>
-      <h2 class="font-bold mb-2">TInputPlace</h2>
+      <h2 class="mb-2 font-bold">TInputPlace</h2>
       <TInputPlace v-model="data.TInputPlace" clearable />
     </div>
 
     <div>
-      <h2 class="font-bold mb-2">TInputCity</h2>
+      <h2 class="mb-2 font-bold">TInputCity</h2>
       <TInputCity v-model="data.TInputCity" />
     </div>
 
     <div>
-      <h2 class="font-bold mb-2">TInputLocation</h2>
+      <h2 class="mb-2 font-bold">TInputLocation</h2>
       <TInputLocation v-model="data.TInputLocation" />
     </div>
 
     <div>
-      <h2 class="font-bold mb-2">TInputAddress</h2>
+      <h2 class="mb-2 font-bold">TInputAddress</h2>
       <TInputAddress v-model="data.TInputAddress" />
     </div>
 
     <div>
-      <h2 class="font-bold mb-2">TInputVenue</h2>
+      <h2 class="mb-2 font-bold">TInputVenue</h2>
       <TInputVenue v-model="data.TInputVenue" />
     </div>
 
     <div>
-      <h2 class="font-bold mb-2">TField/Collection/Venues</h2>
+      <h2 class="mb-2 font-bold">TField/Collection/Venues</h2>
       <TField
         v-model="data.TField"
         component="TInputCollection"
@@ -38,9 +38,9 @@
     </div>
 
     <div>
-      <h2 class="font-bold mb-2">Data:</h2>
+      <h2 class="mb-2 font-bold">Data:</h2>
       <textarea
-        class="p-4 bg-gray-100 font-mono w-full"
+        class="w-full bg-gray-100 p-4 font-mono"
         rows="30"
         :value="result"
       />
diff --git a/pages/demo/dance.vue b/pages/demo/dance.vue
index ca1bbfde..57f6bb47 100644
--- a/pages/demo/dance.vue
+++ b/pages/demo/dance.vue
@@ -5,7 +5,7 @@
       <TInputStylesSelect v-if="variant === 'v1'" v-model="selected" />
       <TInputStylesSelect2 v-if="variant === 'v2'" v-model="selected" />
     </div>
-    <div v-if="$route.query.debug" class="p-4 bg-gray-200 rounded mt-4 w-full">
+    <div v-if="$route.query.debug" class="mt-4 w-full rounded bg-gray-200 p-4">
       <pre>{{ selected }}</pre>
     </div>
   </div>
diff --git a/pages/demo/langs.vue b/pages/demo/langs.vue
index 14fb8f11..a82a7a12 100644
--- a/pages/demo/langs.vue
+++ b/pages/demo/langs.vue
@@ -4,7 +4,7 @@
     <div class="bordered p-4">
       <TInputLanguages v-if="variant === 'v1'" v-model="selected" />
     </div>
-    <div v-if="$route.query.debug" class="p-4 bg-gray-200 rounded mt-4 w-full">
+    <div v-if="$route.query.debug" class="mt-4 w-full rounded bg-gray-200 p-4">
       <pre>{{ selected }}</pre>
     </div>
   </div>
diff --git a/pages/demo/team.vue b/pages/demo/team.vue
index 39920b7f..072ef295 100644
--- a/pages/demo/team.vue
+++ b/pages/demo/team.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="p-4 space-y-4">
+  <div class="space-y-4 p-4">
     <TField
       v-model="single"
       component="TInputProfile"
@@ -33,14 +33,14 @@
     <textarea
       :value="JSON.stringify(single, null, 2)"
       :rows="10"
-      class="mt-4 w-full border text-xs font-mono"
+      class="mt-4 w-full border font-mono text-xs"
     ></textarea>
 
     <div class="font-bold">multiple</div>
     <textarea
       :value="JSON.stringify(multiple, null, 2)"
       :rows="30"
-      class="mt-4 w-full border text-xs font-mono"
+      class="mt-4 w-full border font-mono text-xs"
     ></textarea>
   </div>
 </template>
diff --git a/pages/events/_id/dashboard.vue b/pages/events/_id/dashboard.vue
index cff62974..b13844eb 100644
--- a/pages/events/_id/dashboard.vue
+++ b/pages/events/_id/dashboard.vue
@@ -3,14 +3,14 @@
   <div v-else-if="!exists" class="text-center">Event not found</div>
   <main
     v-else-if="!can('edit', 'posts', item)"
-    class="mt-4 mx-auto max-w-md p-4 text-sm text-center"
+    class="mx-auto mt-4 max-w-md p-4 text-center text-sm"
   >
     {{ $t('EventDashboard.noAccess') }}
   </main>
   <div v-else>
     <TPopup v-if="compose" title="Compose email" @close="compose = false">
       <div class="max-w-lg">
-        <div class="text-xs mt-4">
+        <div class="mt-4 text-xs">
           {{ selectedParticipantsList.length }} recipients:
           {{ selectedParticipantsList.join(', ') }}
         </div>
@@ -24,7 +24,7 @@
       </div>
     </TPopup>
     <TPopup v-if="addingGuest" title="Add Guest" @close="addingGuest = false">
-      <div class="max-w-md mx-auto py-4 max-h-screen overflow-y-scroll">
+      <div class="mx-auto max-h-screen max-w-md overflow-y-scroll py-4">
         <TForm
           v-model="guestAccount"
           class="mt-4 space-y-4"
@@ -75,7 +75,7 @@
               <div>
                 <TProfilePhoto size="lg" :uid="item.uid" />
                 <div
-                  class="font-bold mt-2"
+                  class="mt-2 font-bold"
                   :class="{ 'text-red-500': item.rsvp === 'down' }"
                 >
                   {{ item.name }}
@@ -97,7 +97,7 @@
               >
                 <TProfilePhoto size="lg" :uid="item.partner.uid" />
                 <div
-                  class="font-bold mt-2"
+                  class="mt-2 font-bold"
                   :class="{ 'text-red-500': item.partner.rsvp === 'down' }"
                 >
                   {{ item.partner.name }}
@@ -112,7 +112,7 @@
                 <TIcon
                   v-if="selectedParticipants[item.id]"
                   name="check"
-                  class="w-10 h-10 border-2 rounded-full bg-green-500 text-white"
+                  class="h-10 w-10 rounded-full border-2 bg-green-500 text-white"
                 />
                 <TProfilePhoto
                   v-else
@@ -128,7 +128,7 @@
                     type="round"
                     @click="update(item.id, { rsvp: 'up', state: 'out' })"
                   >
-                    <TIcon name="rotate_right" class="text-red-500 w-4 h-4" />
+                    <TIcon name="rotate_right" class="h-4 w-4 text-red-500" />
                   </TButton>
                 </div>
                 <div
@@ -142,7 +142,7 @@
                     <div
                       v-for="(note, noteId) in item.notesArray"
                       :key="noteId"
-                      class="p-2 bg-gray-200 rounded"
+                      class="rounded bg-gray-200 p-2"
                     >
                       {{ note }}
                     </div>
diff --git a/pages/events/_id/edit.vue b/pages/events/_id/edit.vue
index e532fba7..982abe83 100644
--- a/pages/events/_id/edit.vue
+++ b/pages/events/_id/edit.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="bg-dark md:py-4 min-h-screen">
+  <div class="min-h-screen bg-dark md:py-4">
     <div
-      class="mx-auto w-full max-w-lg md:rounded md:border md:shadow bg-white"
+      class="mx-auto w-full max-w-lg bg-white md:rounded md:border md:shadow"
     >
-      <div class="flex justify-between m-4">
+      <div class="m-4 flex justify-between">
         <TInputButtons
           value="events"
           :options="[
@@ -20,7 +20,7 @@
           ]"
         />
         <button class="cursor-pointer" @click="$router.back()">
-          <TIcon name="close" class="cursor-pointer w-4 h-4" />
+          <TIcon name="close" class="h-4 w-4 cursor-pointer" />
         </button>
       </div>
 
@@ -30,7 +30,7 @@
         :fields="eventFields"
         show-cancel
         vertical
-        class="bg-white p-4 space-y-4"
+        class="space-y-4 bg-white p-4"
         @save="saveItem"
         @cancel="view(item.id)"
       />
@@ -135,9 +135,14 @@ export default {
 
     const collection = 'posts'
 
-    const { doc: item, load, update, remove, create, loading } = useDoc(
-      collection
-    )
+    const {
+      doc: item,
+      load,
+      update,
+      remove,
+      create,
+      loading,
+    } = useDoc(collection)
 
     if (params.id !== '-') {
       load(params.id)
diff --git a/pages/events/_id/index.vue b/pages/events/_id/index.vue
index 079e15b6..8819e88a 100644
--- a/pages/events/_id/index.vue
+++ b/pages/events/_id/index.vue
@@ -48,9 +48,9 @@
       <div class="md:border-l">
         <div
           v-if="item.type"
-          class="flex items-center justify-start w-full leading-tight border-b py-2 px-4"
+          class="flex w-full items-center justify-start border-b py-2 px-4 leading-tight"
         >
-          <div class="w-4 mr-4 text-center">
+          <div class="mr-4 w-4 text-center">
             {{ getEventIcon(item.eventType) }}
           </div>
           <div>{{ item.eventType }}</div>
@@ -59,17 +59,17 @@
         <TStyles
           :value="item.styles"
           hide-level
-          class="flex flex-wrap justify-center border-b text-xs p-2"
+          class="flex flex-wrap justify-center border-b p-2 text-xs"
         />
 
         <a
           v-if="item.venue"
           :href="item.venue.url"
           target="_blank"
-          class="hover:bg-gray-200 block py-2 px-4 border-b"
+          class="block border-b py-2 px-4 hover:bg-gray-200"
         >
           <div class="flex items-center justify-start leading-tight">
-            <TIcon name="place" class="w-4 h-4 mr-4" />
+            <TIcon name="place" class="mr-4 h-4 w-4" />
             <div>
               <h4 class="font-bold">
                 {{ item.venue.name
@@ -84,25 +84,25 @@
 
         <div
           v-if="item.online === 'Yes'"
-          class="flex items-center justify-start w-full leading-tight border-b py-2 px-4"
+          class="flex w-full items-center justify-start border-b py-2 px-4 leading-tight"
         >
-          <TIcon name="youtube" class="w-4 h-4 mr-4" />
+          <TIcon name="youtube" class="mr-4 h-4 w-4" />
           <div>{{ $t('eventView.online') }}</div>
         </div>
 
         <div
-          class="flex items-center justify-start w-full leading-tight border-b py-2 px-4"
+          class="flex w-full items-center justify-start border-b py-2 px-4 leading-tight"
         >
-          <TIcon name="calendar" class="w-4 h-4 mr-4" />
+          <TIcon name="calendar" class="mr-4 h-4 w-4" />
           <div>
             {{ getDateTime(item.startDate) }} - {{ getDateTime(item.endDate) }}
           </div>
         </div>
 
         <div
-          class="flex items-center justify-start w-full leading-tight border-b py-2 px-4"
+          class="flex w-full items-center justify-start border-b py-2 px-4 leading-tight"
         >
-          <TIcon name="ticket" class="w-4 h-4 mr-4" />
+          <TIcon name="ticket" class="mr-4 h-4 w-4" />
           <div>{{ item.price }}</div>
         </div>
       </div>
@@ -113,7 +113,7 @@
     </div>
 
     <div
-      class="flex justify-center space-y-2 sticky bg-white p-4 border-b z-50 top-0"
+      class="sticky top-0 z-50 flex justify-center space-y-2 border-b bg-white p-4"
     >
       <TButton
         v-if="item.link"
@@ -151,8 +151,8 @@
       />
     </div>
 
-    <div v-if="item.venue && item.venue.map" class="p-4 bg-gray-100">
-      <div class="font-bold text-sm mb-4 leading-none text-gray-700">
+    <div v-if="item.venue && item.venue.map" class="bg-gray-100 p-4">
+      <div class="mb-4 text-sm font-bold leading-none text-gray-700">
         {{ $t('eventView.venueMap') }}
       </div>
       <img :src="item.venue.map" alt="Venue Map" class="mt-4" />
@@ -164,7 +164,7 @@
     </div>
 
     <div v-if="item.facebook" class="m-4 text-right text-sm">
-      <a :href="item.facebook" class="hover:underline text-gray-700">{{
+      <a :href="item.facebook" class="text-gray-700 hover:underline">{{
         $t('eventView.source')
       }}</a>
     </div>
@@ -176,7 +176,7 @@
       :title="$t('eventView.reservationPopup.title')"
       @close="reservationPopup = false"
     >
-      <div class="max-w-md mx-auto py-4 max-h-screen overflow-y-scroll">
+      <div class="mx-auto max-h-screen max-w-md overflow-y-scroll py-4">
         <div v-if="reservationPopup === 'reserve'">
           <div>
             <TForm
@@ -201,7 +201,7 @@
         </div>
         <div v-if="reservationPopup === 'finish'" class="p-4">
           <template v-if="item.link">
-            <h2 class="font-bold mb-4">
+            <h2 class="mb-4 font-bold">
               {{ $t('eventView.reservationPopup.finish.title') }}
             </h2>
             <TButton class="mt-4 mr-4" type="danger" :href="item.link">{{
@@ -209,7 +209,7 @@
             }}</TButton>
           </template>
           <template v-else>
-            <h2 class="font-bold mb-4">
+            <h2 class="mb-4 font-bold">
               {{ $t('eventView.reservationPopup.finish.title') }}
             </h2>
             <p v-if="uid">
@@ -343,13 +343,8 @@ export default {
     }
   },
   setup() {
-    const {
-      uid,
-      can,
-      account,
-      updateAccount,
-      sendSignInLinkToEmail,
-    } = useAuth()
+    const { uid, can, account, updateAccount, sendSignInLinkToEmail } =
+      useAuth()
     const { getEventIcon } = useEvents()
     const { currentCity } = useCities()
     const { accountFields } = useAccounts()
diff --git a/pages/events/_id/share.vue b/pages/events/_id/share.vue
index 2ee3d57c..6c12d6cb 100644
--- a/pages/events/_id/share.vue
+++ b/pages/events/_id/share.vue
@@ -19,10 +19,7 @@ import { db } from '~/plugins/firebase'
 export default {
   layout: 'empty',
   async asyncData({ app, params, error }) {
-    const ref = await db
-      .collection('posts')
-      .doc(params.id)
-      .get()
+    const ref = await db.collection('posts').doc(params.id).get()
 
     if (!ref.exists) {
       error({ statusCode: 404 })
@@ -32,10 +29,7 @@ export default {
     const event = ref.data()
     event.locality = addressPart(event.venue, 'locality')
 
-    const authorRef = await db
-      .collection('profiles')
-      .doc(event.createdBy)
-      .get()
+    const authorRef = await db.collection('profiles').doc(event.createdBy).get()
 
     const author = authorRef.data()
 
diff --git a/pages/events/index.vue b/pages/events/index.vue
index 8f8b20de..974a417c 100644
--- a/pages/events/index.vue
+++ b/pages/events/index.vue
@@ -4,7 +4,7 @@
       <TButton type="nav" icon="plus" to="/events/-/edit" />
     </THeader>
 
-    <div class="space-y-2 p-2 border-b">
+    <div class="space-y-2 border-b p-2">
       <div class="flex justify-center overflow-x-scroll">
         <div class="flex flex-nowrap text-center">
           <TButton
@@ -19,7 +19,7 @@
         </div>
       </div>
 
-      <div class="md:flex md:space-x-2 space-y-2 md:space-y-0">
+      <div class="space-y-2 md:flex md:space-x-2 md:space-y-0">
         <TButton
           to="/cities?target=/events"
           icon="place"
@@ -58,10 +58,10 @@
 
       <div v-else>
         <div v-for="(items, date) in itemsByDate" :key="date" class="mb-8">
-          <h2 class="font-bold bg-dark text-white py-2 px-4">
+          <h2 class="bg-dark py-2 px-4 font-bold text-white">
             {{ getDay(date) }}, {{ getDate(date) }}
           </h2>
-          <div v-for="item in items" :key="item.id" class="px-4 mt-4">
+          <div v-for="item in items" :key="item.id" class="mt-4 px-4">
             <TEventText :item="item" />
           </div>
         </div>
@@ -117,7 +117,11 @@ export default {
     const { route, router } = useRouter()
     const { eventCategoryOptions, addLabelIcons } = useEvents()
     const { cityName, changeCityByName } = useCities()
-    const { docs, loading: loadingPosts, getById } = useCollection('posts', {
+    const {
+      docs,
+      loading: loadingPosts,
+      getById,
+    } = useCollection('posts', {
       type: 'event',
     })
     const { getProfile } = useProfiles()
diff --git a/pages/feed.vue b/pages/feed.vue
index 68c6ecc3..e6b99f55 100644
--- a/pages/feed.vue
+++ b/pages/feed.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <THeader :title="$t('feed.title')" />
-    <div class="border-b p-4 flex items-start">
+    <div class="flex items-start border-b p-4">
       <div class="w-10 flex-shrink-0">
         <TAvatar photo size="md" :uid="uid" />
       </div>
@@ -11,7 +11,7 @@
           cols="30"
           rows="2"
           :placeholder="$t('feed.newMessage.input')"
-          class="w-full p-4 border text-sm"
+          class="w-full border p-4 text-sm"
         ></textarea>
         <div class="flex justify-between">
           <TInputSelectSmall v-model="postType" :options="postTypeList" />
@@ -22,7 +22,7 @@
       </div>
     </div>
 
-    <div class="border-b p-4 flex">
+    <div class="flex border-b p-4">
       <TInputSelect v-model="filterType" :options="filterTypeList" />
     </div>
 
diff --git a/pages/index.vue b/pages/index.vue
index 78168d12..5dbc2ff0 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="font-noto bg-dark min-h-screen">
+  <div class="min-h-screen bg-dark font-noto">
     <main>
       <div class="relative sm:overflow-hidden">
         <div class="absolute inset-x-0 bottom-0 h-1/2 bg-gray-100" />
@@ -23,7 +23,7 @@
               <div class="absolute inset-0 bg-black opacity-50" />
             </div>
 
-            <nav class="relative flex p-4 justify-end">
+            <nav class="relative flex justify-end p-4">
               <TButton
                 allow-guests
                 type="simple"
@@ -38,19 +38,19 @@
               </div>
 
               <p
-                class="mt-2 max-w-lg mx-auto text-center sm:max-w-3xl text-white"
+                class="mx-auto mt-2 max-w-lg text-center text-white sm:max-w-3xl"
               >
                 {{ $t('hero.motto') }}
               </p>
 
-              <div class="max-w-lg mx-auto">
+              <div class="mx-auto max-w-lg">
                 <TButton
                   allow-guests
                   icon="search"
                   :label="$t('hero.search')"
                   to="/search"
                   type="void"
-                  class="mt-8 w-full text-gray-500 bg-white hover:bg-gray-100 font-semibold py-2 px-4 border border-gray-400 rounded-full shadow"
+                  class="mt-8 w-full rounded-full border border-gray-400 bg-white py-2 px-4 font-semibold text-gray-500 shadow hover:bg-gray-100"
                 />
               </div>
 
@@ -84,7 +84,7 @@
               </div>
 
               <p
-                class="mt-8 max-w-lg mx-auto text-center sm:max-w-3xl text-white"
+                class="mx-auto mt-8 max-w-lg text-center text-white sm:max-w-3xl"
               >
                 {{ $t('hero.submotto') }}
               </p>
@@ -92,14 +92,14 @@
           </div>
         </div>
       </div>
-      <div class="p-4 bg-light">
+      <div class="bg-light p-4">
         <div
-          class="md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-4 max-w-4xl mx-auto"
+          class="mx-auto max-w-4xl md:grid md:grid-cols-2 md:gap-4 lg:grid-cols-3"
         >
-          <div class="py-8 space-y-1 bg-light">
-            <div class="flex justify-center ">
+          <div class="space-y-1 bg-light py-8">
+            <div class="flex justify-center">
               <div
-                class="flex items-center justify-center w-20 h-20 bg-white rounded-full "
+                class="flex h-20 w-20 items-center justify-center rounded-full bg-white"
               >
                 <img
                   src="/img/event-calendar.svg"
@@ -107,17 +107,17 @@
                 />
               </div>
             </div>
-            <h3 class="text-2xl font-extrabold text-center">
+            <h3 class="text-center text-2xl font-extrabold">
               {{ $t('features.calendar.title') }}
             </h3>
             <p class="text-center">
               {{ $t('features.calendar.description') }}
             </p>
           </div>
-          <div class="py-8 space-y-1 bg-light">
-            <div class="flex justify-center ">
+          <div class="space-y-1 bg-light py-8">
+            <div class="flex justify-center">
               <div
-                class="flex items-center justify-center w-20 h-20 bg-white rounded-full "
+                class="flex h-20 w-20 items-center justify-center rounded-full bg-white"
               >
                 <img
                   src="/img/dance-partners.svg"
@@ -125,17 +125,17 @@
                 />
               </div>
             </div>
-            <h3 class="text-2xl font-extrabold text-center">
+            <h3 class="text-center text-2xl font-extrabold">
               {{ $t('features.dancePartners.title') }}
             </h3>
             <p class="text-center">
               {{ $t('features.dancePartners.description') }}
             </p>
           </div>
-          <div class="py-8 space-y-1 bg-light">
-            <div class="flex justify-center ">
+          <div class="space-y-1 bg-light py-8">
+            <div class="flex justify-center">
               <div
-                class="flex items-center justify-center w-20 h-20 bg-white rounded-full "
+                class="flex h-20 w-20 items-center justify-center rounded-full bg-white"
               >
                 <img
                   src="/img/city-chats.svg"
@@ -143,17 +143,17 @@
                 />
               </div>
             </div>
-            <h3 class="text-2xl font-extrabold text-center">
+            <h3 class="text-center text-2xl font-extrabold">
               {{ $t('features.cityChats.title') }}
             </h3>
             <p class="text-center">
               {{ $t('features.cityChats.description') }}
             </p>
           </div>
-          <div class="py-8 space-y-1 bg-light">
-            <div class="flex justify-center ">
+          <div class="space-y-1 bg-light py-8">
+            <div class="flex justify-center">
               <div
-                class="flex items-center justify-center w-20 h-20 bg-white rounded-full "
+                class="flex h-20 w-20 items-center justify-center rounded-full bg-white"
               >
                 <img
                   src="/img/dance-travel.svg"
@@ -161,17 +161,17 @@
                 />
               </div>
             </div>
-            <h3 class="text-2xl font-extrabold text-center">
+            <h3 class="text-center text-2xl font-extrabold">
               {{ $t('features.danceTravel.title') }}
             </h3>
             <p class="text-center">
               {{ $t('features.danceTravel.description') }}
             </p>
           </div>
-          <div class="py-8 space-y-1 bg-light">
-            <div class="flex justify-center ">
+          <div class="space-y-1 bg-light py-8">
+            <div class="flex justify-center">
               <div
-                class="flex items-center justify-center w-20 h-20 bg-white rounded-full "
+                class="flex h-20 w-20 items-center justify-center rounded-full bg-white"
               >
                 <img
                   src="/img/volunteer.svg"
@@ -179,27 +179,27 @@
                 />
               </div>
             </div>
-            <h3 class="text-2xl font-extrabold text-center">
+            <h3 class="text-center text-2xl font-extrabold">
               {{ $t('features.volunteer.title') }}
             </h3>
             <p class="text-center">
               {{ $t('features.volunteer.description') }}<br />
               <NuxtLink
                 to="/get-involved"
-                class="underline font-bold hover:no-underline"
+                class="font-bold underline hover:no-underline"
                 >{{ $t('features.volunteer.action') }}</NuxtLink
               >
             </p>
           </div>
-          <div class="py-8 space-y-1 bg-light">
-            <div class="flex justify-center ">
+          <div class="space-y-1 bg-light py-8">
+            <div class="flex justify-center">
               <div
-                class="flex items-center justify-center w-20 h-20 bg-white rounded-full "
+                class="flex h-20 w-20 items-center justify-center rounded-full bg-white"
               >
                 <img src="/img/interviews.svg" alt="Interviews" />
               </div>
             </div>
-            <h3 class="text-2xl font-extrabold text-center">
+            <h3 class="text-center text-2xl font-extrabold">
               {{ $t('features.interviews.title') }}
             </h3>
             <p class="text-center">
@@ -207,23 +207,23 @@
               <a
                 href="https://anchor.fm/wedance"
                 target="_blank"
-                class="underline font-bold hover:no-underline"
+                class="font-bold underline hover:no-underline"
                 >{{ $t('features.interviews.action') }}</a
               >
             </p>
           </div>
         </div>
       </div>
-      <div class="bg-gray-100 py-4 flex justify-center">
-        <div class="max-w-md py-4 space-y-1">
+      <div class="flex justify-center bg-gray-100 py-4">
+        <div class="max-w-md space-y-1 py-4">
           <div class="flex justify-center"></div>
-          <h3 class="text-2xl font-extrabold text-center">
+          <h3 class="text-center text-2xl font-extrabold">
             {{ $t('international.title') }}
           </h3>
           <p class="text-center">
             {{ $t('international.description') }}
           </p>
-          <div class="p-4 flex flex-wrap gap-2 items-center justify-center">
+          <div class="flex flex-wrap items-center justify-center gap-2 p-4">
             <TButton
               allow-guests
               icon="youtube"
@@ -272,7 +272,7 @@
     </main>
 
     <div class="bg-dark text-white">
-      <TFooter class="p-4 mx-auto max-w-4xl" />
+      <TFooter class="mx-auto max-w-4xl p-4" />
     </div>
   </div>
 </template>
diff --git a/pages/lists/index.vue b/pages/lists/index.vue
index c99215e5..099356a5 100644
--- a/pages/lists/index.vue
+++ b/pages/lists/index.vue
@@ -8,10 +8,10 @@
     <template v-slot:item="{ item }">
       <NuxtLink
         :to="`/lists/${item.id}`"
-        class="rounded bg-white shadow border hover:bg-gray-100 px-4 py-2 block"
+        class="block rounded border bg-white px-4 py-2 shadow hover:bg-gray-100"
       >
         <h3 class="text-sm font-bold">{{ item.label }}</h3>
-        <div class="text-gray-700 text-xs">
+        <div class="text-xs text-gray-700">
           {{ Object.keys(item.posts).length }} items
         </div>
       </NuxtLink>
diff --git a/pages/nopassword.vue b/pages/nopassword.vue
index bad363ce..4f944697 100644
--- a/pages/nopassword.vue
+++ b/pages/nopassword.vue
@@ -43,7 +43,7 @@
         </TButton>
       </div>
       <div class="mt-4 text-xs">
-        <div class="mt-4 border-t pt-4 flex space-x-2 text-xs">
+        <div class="mt-4 flex space-x-2 border-t pt-4 text-xs">
           <NuxtLink to="/signin" class="underline hover:no-underline">{{
             $t('nopassword.signin')
           }}</NuxtLink>
diff --git a/pages/onboarding.vue b/pages/onboarding.vue
index 98af11db..6ded4e70 100644
--- a/pages/onboarding.vue
+++ b/pages/onboarding.vue
@@ -59,7 +59,7 @@
       >
     </div>
 
-    <div v-if="step != 'photo' || profile.photo" class="flex justify-end mt-4">
+    <div v-if="step != 'photo' || profile.photo" class="mt-4 flex justify-end">
       <TButton type="primary" @click="next">Next</TButton>
     </div>
   </form>
diff --git a/pages/posts/_id/edit.vue b/pages/posts/_id/edit.vue
index f8677184..6a79d851 100644
--- a/pages/posts/_id/edit.vue
+++ b/pages/posts/_id/edit.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="bg-dark md:py-4 min-h-screen">
+  <div class="min-h-screen bg-dark md:py-4">
     <div
-      class="mx-auto w-full max-w-lg md:rounded md:border md:shadow bg-white"
+      class="mx-auto w-full max-w-lg bg-white md:rounded md:border md:shadow"
     >
-      <div class="flex justify-between m-4">
+      <div class="m-4 flex justify-between">
         <TInputButtons
           value="posts"
           :options="[
@@ -21,7 +21,7 @@
         />
 
         <button class="cursor-pointer" @click="$router.back()">
-          <TIcon name="close" class="cursor-pointer w-4 h-4" />
+          <TIcon name="close" class="h-4 w-4 cursor-pointer" />
         </button>
       </div>
 
@@ -31,7 +31,7 @@
         :fields="postFields"
         vertical
         show-cancel
-        class="bg-white p-4 space-y-4"
+        class="space-y-4 bg-white p-4"
         @save="saveItem"
         @cancel="cancelItem"
       />
@@ -90,9 +90,15 @@ export default {
 
     const collection = 'posts'
 
-    const { doc: item, id, load, update, remove, create, loading } = useDoc(
-      collection
-    )
+    const {
+      doc: item,
+      id,
+      load,
+      update,
+      remove,
+      create,
+      loading,
+    } = useDoc(collection)
 
     if (params.id !== '-') {
       load(params.id)
diff --git a/pages/posts/_id/index.vue b/pages/posts/_id/index.vue
index 6f896875..149cac81 100644
--- a/pages/posts/_id/index.vue
+++ b/pages/posts/_id/index.vue
@@ -14,7 +14,7 @@
       align="center"
     />
 
-    <TReactions :item="doc" class="p-4 justify-center" />
+    <TReactions :item="doc" class="justify-center p-4" />
 
     <TPost :item="doc" hide-comments show-all />
 
diff --git a/pages/posts/_id/share.vue b/pages/posts/_id/share.vue
index e87e987a..745d60b6 100644
--- a/pages/posts/_id/share.vue
+++ b/pages/posts/_id/share.vue
@@ -18,10 +18,7 @@ import { getExcerpt } from '~/utils'
 export default {
   layout: 'empty',
   async asyncData({ params, error }) {
-    const ref = await db
-      .collection('posts')
-      .doc(params.id)
-      .get()
+    const ref = await db.collection('posts').doc(params.id).get()
 
     if (!ref.exists) {
       error({ statusCode: 404 })
diff --git a/pages/register.vue b/pages/register.vue
index 9e193b78..44bcfe5a 100644
--- a/pages/register.vue
+++ b/pages/register.vue
@@ -30,7 +30,7 @@
     </TForm>
 
     <div class="mt-4 text-xs">
-      <div class="mt-4 border-t pt-4 flex space-x-2 text-xs">
+      <div class="mt-4 flex space-x-2 border-t pt-4 text-xs">
         <NuxtLink to="/signin" class="underline hover:no-underline">{{
           $t('register.login')
         }}</NuxtLink>
diff --git a/pages/search.vue b/pages/search.vue
index 753fa840..5220b9fb 100644
--- a/pages/search.vue
+++ b/pages/search.vue
@@ -13,7 +13,7 @@
       v-for="item in response.hits"
       :key="item.id"
       :to="`/${item.username}`"
-      class="border-b p-4 flex items-center hover:bg-blue-200"
+      class="flex items-center border-b p-4 hover:bg-blue-200"
     >
       <div class="w-12 flex-shrink-0">
         <TProfilePhoto2 size="sm" :src="item.photo" />
diff --git a/pages/settings.vue b/pages/settings.vue
index 520937a1..73b4822b 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -4,8 +4,8 @@
     <div v-else>
       <THeader :title="$t('settings.title')" />
 
-      <div class="p-4 space-y-4">
-        <div class="rounded bg-white shadow border p-4 bg-white">
+      <div class="space-y-4 p-4">
+        <div class="rounded border bg-white bg-white p-4 shadow">
           <div class="flex items-center">
             <div>
               <NuxtLink
@@ -19,7 +19,7 @@
               </NuxtLink>
             </div>
             <div class="ml-2">
-              <div class="font-bold text-xl">
+              <div class="text-xl font-bold">
                 {{ $t('settings.account.title') }}
               </div>
               <div class="text-sm text-gray-700">
@@ -28,7 +28,7 @@
             </div>
           </div>
 
-          <div v-if="currentTab === 'account'" class="border-t mt-4 pt-4">
+          <div v-if="currentTab === 'account'" class="mt-4 border-t pt-4">
             <TForm
               v-model="account"
               :fields="accountFields"
@@ -38,7 +38,7 @@
             <TButton to="/settings?tab=password" class="mt-4">{{
               $t('settings.account.changepassword')
             }}</TButton>
-            <div class="bg-red-200 mt-4 -mb-4 -mx-4 p-4">
+            <div class="-mx-4 mt-4 -mb-4 bg-red-200 p-4">
               <TButton
                 type="danger"
                 @click="deleteAccountPopupVisible = true"
@@ -49,7 +49,7 @@
                 :title="$t('settings.account.popup.delete.title')"
                 @close="deleteAccountPopupVisible = false"
               >
-                <div class="py-4 space-y-4">
+                <div class="space-y-4 py-4">
                   <TField
                     v-model="deleteReason"
                     label-position="vertical"
@@ -73,9 +73,9 @@
               </TPopup>
             </div>
           </div>
-          <div v-if="currentTab === 'password'" class="border-t mt-4 pt-4">
+          <div v-if="currentTab === 'password'" class="mt-4 border-t pt-4">
             <TField v-model="password" v-bind="passwordField" />
-            <div class="flex justify-end mt-4">
+            <div class="mt-4 flex justify-end">
               <TButton @click="changePassword">{{ $t('form.save') }}</TButton>
             </div>
           </div>
@@ -84,8 +84,8 @@
             :title="$t('settings.passwordError')"
             @close="passwordError = ''"
           >
-            <div class="py-4 max-w-md">{{ passwordError.message }}</div>
-            <div class="flex justify-end mb-4">
+            <div class="max-w-md py-4">{{ passwordError.message }}</div>
+            <div class="mb-4 flex justify-end">
               <TButton
                 v-if="passwordError.code === 'auth/requires-recent-login'"
                 type="primary"
@@ -96,7 +96,7 @@
             </div>
           </TPopup>
         </div>
-        <div class="rounded bg-white shadow border p-4 bg-white">
+        <div class="rounded border bg-white bg-white p-4 shadow">
           <div class="flex items-center">
             <div>
               <NuxtLink
@@ -110,7 +110,7 @@
               </NuxtLink>
             </div>
             <div class="ml-2">
-              <div class="font-bold text-xl">
+              <div class="text-xl font-bold">
                 {{ $t('settings.profile.title') }}
               </div>
               <div class="text-sm text-gray-700">
@@ -125,7 +125,7 @@
             v-if="currentTab === 'profile'"
             v-model="profile"
             :fields="profileFields"
-            class="border-t mt-4 pt-4 space-y-4"
+            class="mt-4 space-y-4 border-t pt-4"
             @save="saveProfile"
           />
         </div>
diff --git a/pages/signin.vue b/pages/signin.vue
index d31704d9..0719bd77 100644
--- a/pages/signin.vue
+++ b/pages/signin.vue
@@ -36,14 +36,14 @@
         <TButton
           allow-guests
           type="primary"
-          class="mt-2 w-full md:mt-0 md:w-32 md:ml-4"
+          class="mt-2 w-full md:mt-0 md:ml-4 md:w-32"
           @click="submit"
         >
           {{ $t('signin.submit') }}
         </TButton>
       </div>
       <div class="mt-4 text-xs">
-        <div class="mt-4 border-t pt-4 flex space-x-2 text-xs">
+        <div class="mt-4 flex space-x-2 border-t pt-4 text-xs">
           <NuxtLink to="/register" class="underline hover:no-underline">{{
             $t('signin.register')
           }}</NuxtLink>
diff --git a/plugins/firebase.js b/plugins/firebase.js
index 0a5dc8d6..5a562275 100644
--- a/plugins/firebase.js
+++ b/plugins/firebase.js
@@ -8,7 +8,7 @@ if (!process.env.firebase.config?.apiKey) {
 }
 
 // eslint-disable-next-line import/no-mutable-exports
-let track = function(...params) {
+let track = function (...params) {
   if (process.env.firebase.analyticsDebug) {
     console.log('[track]', ...params)
   }
diff --git a/tailwind.config.js b/tailwind.config.js
index 90664e45..bb0d6954 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -32,5 +32,6 @@ module.exports = {
   },
   plugins: [
     // require('@tailwindcss/forms')
+    require('prettier-plugin-tailwindcss'),
   ],
 }
diff --git a/use/app.js b/use/app.js
index db3df348..85c42f1f 100644
--- a/use/app.js
+++ b/use/app.js
@@ -55,13 +55,10 @@ export async function warmup() {
     'location',
   ])
 
-  await db
-    .collection('app')
-    .doc('v2')
-    .set({
-      profiles,
-      cities,
-    })
+  await db.collection('app').doc('v2').set({
+    profiles,
+    cities,
+  })
 }
 
 export async function cacheCity(placeId, data) {
diff --git a/use/auth.js b/use/auth.js
index 3d592ea2..b8ceab0e 100644
--- a/use/auth.js
+++ b/use/auth.js
@@ -175,10 +175,7 @@ export const useAuth = () => {
         zone: Intl.DateTimeFormat().resolvedOptions().timeZone,
       }
 
-      await firestore
-        .collection('accounts')
-        .doc(state.uid)
-        .set(newAccount)
+      await firestore.collection('accounts').doc(state.uid).set(newAccount)
 
       await loadAccount()
     }
@@ -228,10 +225,7 @@ export const useAuth = () => {
   async function loadAccount() {
     state.loading = true
 
-    const doc = await firestore
-      .collection('accounts')
-      .doc(state.uid)
-      .get()
+    const doc = await firestore.collection('accounts').doc(state.uid).get()
 
     if (!doc.exists) {
       return false
@@ -251,10 +245,7 @@ export const useAuth = () => {
 
     state.loading = true
 
-    const doc = await firestore
-      .collection('profiles')
-      .doc(state.uid)
-      .get()
+    const doc = await firestore.collection('profiles').doc(state.uid).get()
 
     if (!doc.exists) {
       const profile = {
@@ -269,10 +260,7 @@ export const useAuth = () => {
         name: ls('username'),
       }
 
-      await firestore
-        .collection('profiles')
-        .doc(state.uid)
-        .set(profile)
+      await firestore.collection('profiles').doc(state.uid).set(profile)
 
       ls.remove('username')
 
@@ -301,10 +289,7 @@ export const useAuth = () => {
       ...data,
     }
 
-    await firestore
-      .collection('profiles')
-      .doc(state.uid)
-      .update(changes)
+    await firestore.collection('profiles').doc(state.uid).update(changes)
 
     await loadProfile()
   }
@@ -331,10 +316,7 @@ export const useAuth = () => {
       ...data,
     }
 
-    await firestore
-      .collection('accounts')
-      .doc(state.uid)
-      .update(changes)
+    await firestore.collection('accounts').doc(state.uid).update(changes)
 
     await loadAccount()
   }
diff --git a/use/styles.js b/use/styles.js
index 2e3aa14f..f976a4c6 100644
--- a/use/styles.js
+++ b/use/styles.js
@@ -10,9 +10,7 @@ export const useStyles = () => {
   const { $content } = useContext()
 
   const load = async () => {
-    state.collection = await $content('styles')
-      .sortBy('id')
-      .fetch()
+    state.collection = await $content('styles').sortBy('id').fetch()
   }
 
   if (!state.collection.length) {
diff --git a/use/upload.js b/use/upload.js
index c273d915..d7c3d0f5 100644
--- a/use/upload.js
+++ b/use/upload.js
@@ -15,11 +15,7 @@ export const useUpload = () => {
 
     return new Promise((resolve) => {
       const ref = `media/${uid.value}/${id}`
-      const uploadTask = firebase
-        .storage()
-        .ref()
-        .child(ref)
-        .put(file, metadata)
+      const uploadTask = firebase.storage().ref().child(ref).put(file, metadata)
 
       uploadTask.on(
         'state_changed',
diff --git a/utils.js b/utils.js
index ee3d51c7..e1d0abad 100644
--- a/utils.js
+++ b/utils.js
@@ -148,7 +148,7 @@ export const getId = (text) => {
 
 export const camelize = (str) => {
   return str
-    .replace(/(?:^\w|[A-Z]|\b\w)/g, function(word, index) {
+    .replace(/(?:^\w|[A-Z]|\b\w)/g, function (word, index) {
       return index === 0 ? word.toLowerCase() : word.toUpperCase()
     })
     .replace(/\s+/g, '')
@@ -202,10 +202,7 @@ export const getOptions = (items, label) => {
 }
 
 function getLang(languageString) {
-  const [language] = languageString
-    .replace('-', '_')
-    .toLowerCase()
-    .split('_')
+  const [language] = languageString.replace('-', '_').toLowerCase().split('_')
 
   return language
 }
@@ -532,7 +529,8 @@ export const getUrlFromText = (text) => {
 }
 
 export const getYoutubeId = (url) => {
-  const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/
+  const regExp =
+    /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/
   const match = url.match(regExp)
   const videoId = match && match[7].length === 11 ? match[7] : ''
 
diff --git a/yarn.lock b/yarn.lock
index 8002059f..bf17fb32 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12210,7 +12210,17 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@^1.18.2, prettier@^1.19.1:
+prettier-plugin-tailwindcss@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.1.6.tgz#a086682c16ba51629d068a3eb153662be5987e52"
+  integrity sha512-7OcFAv6d41KV61cDdn+mZycddAXQhv/B2yfA7ooK/yXPnBJf51Lx7iODOOQwOoMzSJQ/MJNqlK3BxqT9gDKVLA==
+
+prettier@2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.1.tgz#fff75fa9d519c54cf0fce328c1017d94546bc56a"
+  integrity sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==
+
+prettier@^1.18.2:
   version "1.19.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
   integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==

From 3eabe98bc4a18885ba9dd5992e83ce8747d24310 Mon Sep 17 00:00:00 2001
From: Harsh Brahmxatriya <55323345+harshbrahmxatriya@users.noreply.github.com>
Date: Thu, 10 Feb 2022 14:58:00 +0530
Subject: [PATCH 2/4] chore: add tailwind typography plugin #127 (#164)

---
 components/TPreview.vue |  2 +-
 components/TProfile.vue |  2 +-
 package.json            |  1 +
 pages/_slug/index.vue   |  2 +-
 pages/dance/_slug.vue   |  2 +-
 pages/dance/index.vue   |  2 +-
 pages/nopassword.vue    |  2 +-
 tailwind.config.js      |  1 +
 yarn.lock               | 19 +++++++++++++++++++
 9 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/components/TPreview.vue b/components/TPreview.vue
index ec97efc7..fadbb6ad 100644
--- a/components/TPreview.vue
+++ b/components/TPreview.vue
@@ -85,7 +85,7 @@ export default {
       }
 
       if (!this.noTypo) {
-        classes.push('typo')
+        classes.push('prose prose-base prose-slate')
       } else {
         classes.push('preview')
       }
diff --git a/components/TProfile.vue b/components/TProfile.vue
index 3c381137..cc776411 100644
--- a/components/TProfile.vue
+++ b/components/TProfile.vue
@@ -37,7 +37,7 @@
         <h2 class="-m-4 mb-4 border-b p-4 text-lg font-bold">
           {{ $t('myprofile.intro.title') }}
         </h2>
-        <div class="typo">
+        <div class="prose prose-base prose-slate">
           <p>
             {{ $t('myprofile.intro.description1') }}
           </p>
diff --git a/package.json b/package.json
index 1319a4a3..5c546819 100644
--- a/package.json
+++ b/package.json
@@ -76,6 +76,7 @@
     "@nuxtjs/eslint-module": "^1.0.0",
     "@nuxtjs/google-fonts": "^1.2.0",
     "@nuxtjs/stylelint-module": "^3.1.0",
+    "@tailwindcss/typography": "^0.5.1",
     "@vue/test-utils": "^1.0.0-beta.27",
     "autoprefixer": "^10.4.2",
     "babel-eslint": "^10.0.1",
diff --git a/pages/_slug/index.vue b/pages/_slug/index.vue
index a0b20f4a..c4d4b852 100644
--- a/pages/_slug/index.vue
+++ b/pages/_slug/index.vue
@@ -54,7 +54,7 @@ export default {
 
       if (this.page) {
         classes += this.page.container + ' p-4 '
-        classes += this.page.notypo ? '' : 'typo'
+        classes += this.page.notypo ? '' : 'prose prose-base prose-slate'
       }
 
       return classes
diff --git a/pages/dance/_slug.vue b/pages/dance/_slug.vue
index 19ee9b70..ddfe6296 100644
--- a/pages/dance/_slug.vue
+++ b/pages/dance/_slug.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="typo border-b p-4">
+    <div class="prose prose-base prose-slate border-b p-4">
       <h1>{{ page.name }}</h1>
       <p v-if="page.synonyms" class="italic">
         Also known as {{ page.synonyms }}
diff --git a/pages/dance/index.vue b/pages/dance/index.vue
index b28b8cf6..3c8d0f04 100644
--- a/pages/dance/index.vue
+++ b/pages/dance/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="typo p-4">
+    <div class="prose prose-base prose-slate p-4">
       <h1>Dance Styles</h1>
       <div>
         <a
diff --git a/pages/nopassword.vue b/pages/nopassword.vue
index 4f944697..d1728bb3 100644
--- a/pages/nopassword.vue
+++ b/pages/nopassword.vue
@@ -1,7 +1,7 @@
 <template>
   <TAuthError v-if="error" :error="error" />
   <TLoader v-else-if="loading || signingIn" />
-  <div v-else-if="emailSent" class="typo">
+  <div v-else-if="emailSent" class="prose prose-base prose-slate">
     <h2>Check your email</h2>
     <p>Email might come in 5-10 minutes and might land in spam.</p>
     <p>
diff --git a/tailwind.config.js b/tailwind.config.js
index bb0d6954..f1d51b94 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -31,6 +31,7 @@ module.exports = {
     },
   },
   plugins: [
+    require('@tailwindcss/typography'),
     // require('@tailwindcss/forms')
     require('prettier-plugin-tailwindcss'),
   ],
diff --git a/yarn.lock b/yarn.lock
index bf17fb32..220ee6a9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2495,6 +2495,15 @@
   dependencies:
     mini-svg-data-uri "^1.2.3"
 
+"@tailwindcss/typography@^0.5.1":
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.5.1.tgz#486248a9426501f11a9b0295f7cfc0eb29659c46"
+  integrity sha512-AmSzZSgLhHKlILKduU+PKBTHL6c+al82syZlRid1xgmlWwXagLigO+O++B4C0scpMfzW//f/3YCRcwwEHWoU3w==
+  dependencies:
+    lodash.castarray "^4.4.0"
+    lodash.isplainobject "^4.0.6"
+    lodash.merge "^4.6.2"
+
 "@types/anymatch@*":
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
@@ -9519,6 +9528,11 @@ lodash.camelcase@^4.3.0:
   resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
   integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
 
+lodash.castarray@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.castarray/-/lodash.castarray-4.4.0.tgz#c02513515e309daddd4c24c60cfddcf5976d9115"
+  integrity sha1-wCUTUV4wna3dTCTGDP3c9ZdtkRU=
+
 lodash.clonedeep@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
@@ -9569,6 +9583,11 @@ lodash.isequal@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
   integrity sha1-QVxEePK8wwEgwizhDtMib30+GOA=
 
+lodash.isplainobject@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"
+  integrity sha1-fFJqUtibRcRcxpC4gWO+BJf1UMs=
+
 lodash.kebabcase@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36"

From 2e20d20c8837f6dc81a97e4fafee34a3eeced31b Mon Sep 17 00:00:00 2001
From: Stefana <farcasus@yahoo.com>
Date: Sat, 12 Feb 2022 17:02:16 +0200
Subject: [PATCH 3/4]  feat: text to date method added

---
 pages/demo/textDate.vue | 47 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 pages/demo/textDate.vue

diff --git a/pages/demo/textDate.vue b/pages/demo/textDate.vue
new file mode 100644
index 00000000..1e688a8c
--- /dev/null
+++ b/pages/demo/textDate.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="grid h-screen w-screen content-center justify-center bg-gray-300">
+    <h2 class="mb-4">{{ formattedDate }}</h2>
+    <input
+      type="text"
+      placeholder="enter the date"
+      v-model="date"
+      class="mb-4"
+    />
+    <button
+      @click="getDateFromText(date)"
+      class="w-64 cursor-pointer rounded bg-red-400 py-3 px-4 text-xl text-white"
+    >
+      Submit
+    </button>
+  </div>
+</template>
+
+<script>
+import { isValid, format, parseISO } from 'date-fns'
+export default {
+  name: 'App',
+  data() {
+    return {
+      date: '',
+      formattedDate: '',
+    }
+  },
+  methods: {
+    getDateFromText(input) {
+      const [day, month, year] = input.split('.')
+      const yearCheck = `${
+        year == undefined ? new Date().getFullYear() : year
+      }-${month}-${day}`
+      if (isValid(parseISO(yearCheck))) {
+        return (this.formattedDate = yearCheck)
+      } else {
+        return (this.formattedDate = format(
+          new Date(yearCheck),
+          'yyyy-MM-dd',
+          new Date()
+        ))
+      }
+    },
+  },
+}
+</script>

From 429ceea18d84be4b3f1d919dc43edb68c1c425f2 Mon Sep 17 00:00:00 2001
From: Stefana <farcasus@yahoo.com>
Date: Mon, 14 Feb 2022 14:47:58 +0200
Subject: [PATCH 4/4] fix: errors

---
 pages/demo/textDate.vue    | 6 +++---
 pages/events/_id/index.vue | 9 ++-------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/pages/demo/textDate.vue b/pages/demo/textDate.vue
index 1e688a8c..68255830 100644
--- a/pages/demo/textDate.vue
+++ b/pages/demo/textDate.vue
@@ -2,14 +2,14 @@
   <div class="grid h-screen w-screen content-center justify-center bg-gray-300">
     <h2 class="mb-4">{{ formattedDate }}</h2>
     <input
+      v-model="date"
       type="text"
       placeholder="enter the date"
-      v-model="date"
       class="mb-4"
     />
     <button
-      @click="getDateFromText(date)"
       class="w-64 cursor-pointer rounded bg-red-400 py-3 px-4 text-xl text-white"
+      @click="getDateFromText(date)"
     >
       Submit
     </button>
@@ -30,7 +30,7 @@ export default {
     getDateFromText(input) {
       const [day, month, year] = input.split('.')
       const yearCheck = `${
-        year == undefined ? new Date().getFullYear() : year
+        year === undefined ? new Date().getFullYear() : year
       }-${month}-${day}`
       if (isValid(parseISO(yearCheck))) {
         return (this.formattedDate = yearCheck)
diff --git a/pages/events/_id/index.vue b/pages/events/_id/index.vue
index d1698276..801beee9 100644
--- a/pages/events/_id/index.vue
+++ b/pages/events/_id/index.vue
@@ -343,13 +343,8 @@ export default {
     }
   },
   setup() {
-    const {
-      uid,
-      can,
-      account,
-      updateAccount,
-      sendSignInLinkToEmail,
-    } = useAuth()
+    const { uid, can, account, updateAccount, sendSignInLinkToEmail } =
+      useAuth()
     const { getEventIcon } = useEvents()
     const { currentCity } = useCities()
     const { accountFields } = useAccounts()