feat: remove tailwindcss + introduce windicss

components/firebase/Email.vue

@@ -2,9 +2,9 @@
   <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
-        <h3 class="title">{{ $t("login_with") }} {{ $t("email") }}</h3>
+        <h3 class="heading">{{ $t("login_with") }} {{ $t("email") }}</h3>
         <div>
-          <button class="icon" @click="hideModal">
+          <button class="icon button" @click="hideModal">
             <i class="material-icons">close</i>
           </button>
         </div>
@@ -15,6 +15,7 @@
       <input
         id="email"
         v-model="form.email"
+        class="input"
         type="email"
         name="email"
         placeholder="you@mail.com"
@@ -43,12 +44,12 @@
       <div class="row-wrapper">
         <span></span>
         <span>
-          <button v-if="signingInWithEmail" class="icon" type="button">
+          <button v-if="signingInWithEmail" class="icon button" type="button">
             {{ $t("loading") }}
           </button>
           <button
             v-else
-            class="rounded-md"
+            class="rounded-md button"
             :disabled="
               form.email.length !== 0
                 ? emailRegex.test(form.email)

components/firebase/Login.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div>
-      <button v-close-popover class="icon" @click="signInWithGoogle">
+      <button v-close-popover class="icon button" @click="signInWithGoogle">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="24"
@@ -16,7 +16,7 @@
       </button>
     </div>
     <div>
-      <button v-close-popover class="icon" @click="signInWithGithub">
+      <button v-close-popover class="icon button" @click="signInWithGithub">
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="24"
@@ -31,7 +31,7 @@
       </button>
     </div>
     <div>
-      <button v-close-popover class="icon" @click="$emit('show-email')">
+      <button v-close-popover class="icon button" @click="$emit('show-email')">
         <i class="material-icons">mail</i>
         <span>{{ $t("email") }}</span>
       </button>

components/firebase/Logout.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <button v-close-popover class="icon" @click="logout">
+    <button v-close-popover class="icon button" @click="logout">
       <i class="material-icons">exit_to_app</i>
       <span>{{ $t("logout") }}</span>
     </button>