added prettier

resources/js/components/Auth/AuthButton.vue

@@ -1,51 +1,45 @@
 <template>
-    <button class="group flex items-center border-2 dark:border-gray-300 border-black rounded-lg inline-block mx-auto px-7 py-2.5 whitespace-nowrap">
-        <span class="font-extrabold text-lg pr-1">
-			{{ text }}
-		</span>
-		<refresh-cw-icon v-if="loading" size="20" class="vue-feather text-theme -mr-1 sync-alt"/>
-		<chevron-right-icon v-if="! loading && icon" size="20" class="vue-feather text-theme -mr-1"/>
+    <button class="group mx-auto inline-block flex items-center whitespace-nowrap rounded-lg border-2 border-black px-7 py-2.5 dark:border-gray-300">
+        <span class="pr-1 text-lg font-extrabold">
+            {{ text }}
+        </span>
+        <refresh-cw-icon v-if="loading" size="20" class="vue-feather text-theme sync-alt -mr-1" />
+        <chevron-right-icon v-if="!loading && icon" size="20" class="vue-feather text-theme -mr-1" />
     </button>
 </template>
 
 <script>
-    import { ChevronRightIcon, RefreshCwIcon } from 'vue-feather-icons'
+import { ChevronRightIcon, RefreshCwIcon } from 'vue-feather-icons'
 
-    export default {
-        name: 'AuthContent',
-        props: [
-			'loading',
-			'icon',
-			'text'
-		],
-		components: {
-			ChevronRightIcon,
-			RefreshCwIcon,
-		},
-        data() {
-            return {
-                isVisible: false,
-            }
-        },
-        created() {
-            this.isVisible = this.visible
+export default {
+    name: 'AuthContent',
+    props: ['loading', 'icon', 'text'],
+    components: {
+        ChevronRightIcon,
+        RefreshCwIcon,
+    },
+    data() {
+        return {
+            isVisible: false,
         }
-    }
+    },
+    created() {
+        this.isVisible = this.visible
+    },
+}
 </script>
 
 <style scoped lang="scss">
+.sync-alt {
+    animation: spin 1s linear infinite;
+}
 
-    .sync-alt {
-        animation: spin 1s linear infinite;
+@keyframes spin {
+    0% {
+        transform: rotate(0);
     }
-
-    @keyframes spin {
-        0% {
-            transform: rotate(0);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
+    100% {
+        transform: rotate(360deg);
     }
-
+}
 </style>

resources/js/components/Auth/AuthContent.vue

@@ -1,23 +1,20 @@
 <template>
-    <div v-if="isVisible" class="text-center w-full max-w-xl">
+    <div v-if="isVisible" class="w-full max-w-xl text-center">
         <slot></slot>
     </div>
 </template>
 
 <script>
-    export default {
-        name: 'AuthContent',
-        props: [
-			'visible',
-			'name'
-		],
-        data() {
-            return {
-                isVisible: false,
-            }
-        },
-        created() {
-            this.isVisible = this.visible
+export default {
+    name: 'AuthContent',
+    props: ['visible', 'name'],
+    data() {
+        return {
+            isVisible: false,
         }
-    }
-</script>
+    },
+    created() {
+        this.isVisible = this.visible
+    },
+}
+</script>

resources/js/components/Auth/AuthContentWrapper.vue

@@ -1,11 +1,11 @@
 <template>
-    <div class="flex justify-center items-center md:px-0 px-5">
+    <div class="flex items-center justify-center px-5 md:px-0">
         <slot></slot>
     </div>
 </template>
 
 <script>
-    export default {
-        name: 'AuthContentWrapper',
-    }
+export default {
+    name: 'AuthContentWrapper',
+}
 </script>

resources/js/components/Auth/SocialiteAuthenticationButtons.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-if="config.allowedFacebookLogin || config.allowedGoogleLogin || config.allowedGithubLogin" class="flex items-center justify-center mb-10">
+    <div v-if="config.allowedFacebookLogin || config.allowedGoogleLogin || config.allowedGithubLogin" class="mb-10 flex items-center justify-center">
         <div v-if="config.allowedFacebookLogin" class="mx-5 cursor-pointer">
             <facebook-icon @click="socialiteRedirect('facebook')" />
         </div>
@@ -9,32 +9,30 @@
         </div>
 
         <div v-if="config.allowedGoogleLogin" class="mx-5 cursor-pointer">
-            <span @click="socialiteRedirect('google')" class="font-semibold text-3xl">G</span>
+            <span @click="socialiteRedirect('google')" class="text-3xl font-semibold">G</span>
         </div>
     </div>
 </template>
 
 <script>
-import { FacebookIcon, GithubIcon  } from 'vue-feather-icons'
-import {mapGetters} from "vuex";
+import { FacebookIcon, GithubIcon } from 'vue-feather-icons'
+import { mapGetters } from 'vuex'
 
 export default {
-    name:'SocialiteAuthenticationButtons',
+    name: 'SocialiteAuthenticationButtons',
     components: {
         FacebookIcon,
         GithubIcon,
     },
-	computed: {
-		...mapGetters([
-			'config'
-		])
-	},
+    computed: {
+        ...mapGetters(['config']),
+    },
     methods: {
         socialiteRedirect(provider) {
             this.isLoading = true
 
             this.$store.dispatch('socialiteRedirect', provider)
         },
-    }
+    },
 }
 </script>