rename components

Took 22 minutes

Author: RoduanKD

resources/js/Pages/Auth/ConfirmPassword.vue

@@ -5,7 +5,7 @@
     </template>
 
     <div class="mb-4 text-subtitle-2">
-      {{ $t("msgs.msg2") }}
+      {{ $t('msgs.msg2') }}
     </div>
 
     <form @submit.prevent="submit">
@@ -32,17 +32,17 @@
           :loading="form.processing"
           @click="submit"
         >
-          {{ $t("forms.buttoms.confirm") }}
+          {{ $t('forms.buttons.confirm') }}
         </v-btn>
       </v-col>
     </form>
   </authentication-card>
 </template>
 
 <script>
-import AuthenticationCard from "@/components/Auth/AuthenticationCard.vue";
-import AuthenticationCardLogo from "@/components/Auth/AuthenticationCardLogo.vue";
-import AppLayout from "@/layouts/AppLayout.vue";
+import AuthenticationCard from '@/components/Auth/AuthenticationCard.vue'
+import AuthenticationCardLogo from '@/components/Auth/AuthenticationCardLogo.vue'
+import AppLayout from '@/layouts/AppLayout.vue'
 
 export default {
   components: {
@@ -55,27 +55,27 @@ export default {
   data() {
     return {
       form: this.$inertia.form({
-        password: "",
+        password: '',
       }),
-    };
+    }
   },
 
   computed: {
     errors() {
-      return this.$page.props.errors;
+      return this.$page.props.errors
     },
 
     hasErrors() {
-      return Object.keys(this.errors).length > 0;
+      return Object.keys(this.errors).length > 0
     },
   },
 
   methods: {
     submit() {
-      this.form.post(this.route("password.confirm"), {
+      this.form.post(this.route('password.confirm'), {
         onFinish: () => this.form.reset(),
-      });
+      })
     },
   },
-};
+}
 </script>

resources/js/Pages/Auth/ForgotPassword.vue

@@ -5,7 +5,7 @@
     </template>
 
     <div class="mb-4 text-sm text-gray-600">
-      {{ $t("msgs.msg3") }}
+      {{ $t('msgs.msg3') }}
     </div>
 
     <div v-if="status" class="mb-4 font-medium text-sm text-green-600">
@@ -26,17 +26,17 @@
 
       <div class="flex items-center justify-end mt-4">
         <v-btn :loading="form.processing" color="primary">
-          {{ $t("forms.buttons.reset") }}
+          {{ $t('forms.buttons.reset') }}
         </v-btn>
       </div>
     </form>
   </authentication-card>
 </template>
 
 <script>
-import AuthenticationCard from "@/components/Auth/AuthenticationCard.vue";
-import AuthenticationCardLogo from "@/components/Auth/AuthenticationCardLogo.vue";
-import AppLayout from "@/layouts/AppLayout.vue";
+import AuthenticationCard from '@/components/Auth/AuthenticationCard.vue'
+import AuthenticationCardLogo from '@/components/Auth/AuthenticationCardLogo.vue'
+import AppLayout from '@/layouts/AppLayout.vue'
 
 export default {
   components: {
@@ -49,30 +49,30 @@ export default {
   props: {
     status: {
       type: String,
-      default: "",
+      default: '',
     },
   },
 
   data() {
     return {
       form: this.$inertia.form({
-        email: "",
+        email: '',
       }),
-    };
+    }
   },
   computed: {
     errors() {
-      return this.$page.props.errors;
+      return this.$page.props.errors
     },
 
     hasErrors() {
-      return Object.keys(this.errors).length > 0;
+      return Object.keys(this.errors).length > 0
     },
   },
   methods: {
     submit() {
-      this.form.post(this.route("password.email"));
+      this.form.post(this.route('password.email'))
     },
   },
-};
+}
 </script>

resources/js/Pages/Auth/VerifyEmail.vue

@@ -5,20 +5,20 @@
     </template>
 
     <div class="mb-4 text-sm text-gray-600">
-      {{ $t("msgs.msg4") }}
+      {{ $t('msgs.msg4') }}
     </div>
 
     <div
       v-if="verificationLinkSent"
       class="mb-4 font-medium text-sm text-green-600"
     >
-      {{ $t("msgs.msg5") }}
+      {{ $t('msgs.msg5') }}
     </div>
 
     <form @submit.prevent="submit">
       <div class="mt-4 flex items-center justify-between">
         <v-btn :loading="form.processing">
-          {{ $t("forms.buttons.resend") }}
+          {{ $t('forms.buttons.resend') }}
         </v-btn>
 
         <inertia-link
@@ -27,17 +27,17 @@
           as="button"
           class="underline text-sm text-gray-600 hover:text-gray-900"
         >
-          {{ $t("auth.logout") }}
+          {{ $t('auth.logout') }}
         </inertia-link>
       </div>
     </form>
   </authentication-card>
 </template>
 
 <script>
-import AuthenticationCard from "@/components/Auth/AuthenticationCard.vue";
-import AuthenticationCardLogo from "@/components/Auth/AuthenticationCardLogo.vue";
-import AppLayout from "@/layouts/AppLayout.vue";
+import AuthenticationCard from '@/components/Auth/AuthenticationCard.vue'
+import AuthenticationCardLogo from '@/components/Auth/AuthenticationCardLogo.vue'
+import AppLayout from '@/layouts/AppLayout.vue'
 
 export default {
   components: {
@@ -50,7 +50,7 @@ export default {
   props: {
     status: {
       type: String,
-      default: "",
+      default: '',
     },
   },
 
@@ -62,13 +62,13 @@ export default {
 
   computed: {
     verificationLinkSent() {
-      return this.status === "verification-link-sent";
+      return this.status === 'verification-link-sent';
     },
   },
 
   methods: {
     submit() {
-      this.form.post(this.route("verification.send"));
+      this.form.post(this.route('verification.send'));
     },
   },
 };

resources/js/components/Layout/AuthorsSec.vue renamed to resources/js/components/Layout/AuthorsSection.vue

@@ -55,6 +55,3 @@ export default {
   }),
 };
 </script>
-
-<style>
-</style>

resources/js/components/Layout/HeroSec.vue renamed to resources/js/components/Layout/HeroSection.vue

@@ -1,31 +1,33 @@
 <template>
   <div>
-    <hero-sec />
+    <hero-section />
     <livv-stack />
     <livv-features />
     <syrian-open-source />
     <v-divider />
-    <authors-sec />
+    <authors-section />
   </div>
 </template>
 
 <script>
-import HeroSec from "@/components/Layout/HeroSec.vue";
-import LivvStack from "@/components/Layout/LivvStack.vue";
-import LivvFeatures from "@/components/Layout/LivvFeatures.vue";
-import SyrianOpenSource from "@/components/Layout/SyrianOpenSource.vue";
-import AuthorsSec from "@/components/Layout/AuthorsSec.vue";
-import AppLayout from "../layouts/AppLayout.vue";
+import HeroSection from '@/components/Layout/HeroSection.vue'
+import LivvStack from '@/components/Layout/LivvStack.vue'
+import LivvFeatures from '@/components/Layout/LivvFeatures.vue'
+import SyrianOpenSource from '@/components/Layout/SyrianOpenSource.vue'
+import AuthorsSection from '@/components/Layout/AuthorsSection.vue'
+import AppLayout from '@/layouts/AppLayout.vue'
 
 export default {
-  name: "WelcomeView",
+  name: 'WelcomeView',
+
   components: {
-    HeroSec,
+    HeroSection,
     LivvStack,
     LivvFeatures,
     SyrianOpenSource,
-    AuthorsSec,
+    AuthorsSection,
   },
+
   layout: AppLayout,
 };
 </script>