refactor: 🔧 spelling and grammatical corrections

apps/wizarr-frontend/src/modules/home/views/Home.vue

@@ -8,11 +8,11 @@
             <div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16">
                 <h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">{{ __("Welcome to") }} Wizarr</h1>
                 <p class="mb-8 text-lg font-normal text-gray-500 sm:px-16 lg:px-48 dark:text-gray-400">
-                    {{ __("Wizarr is a software tool that provides advanced user invitation and management capabilities for media servers such as Jellyfin, Emby, and Plex. With Wizarr, server administrators can easily invite new users and manage their access") }}
+                    {{ __("Wizarr is a software tool that provides advanced user invitation and management capabilities for media servers such as Jellyfin, Emby, and Plex. With Wizarr, server administrators can easily invite new users and manage their access.") }}
                 </p>
 
                 <p class="mb-8 text-sm font-bold text-gray-500 sm:px-16 lg:px-48 dark:text-gray-400">
-                    {{ __("If you were sent here by a friend, please request access or if you have an invite code, please click Get Started!") }}
+                    {{ __("If you were sent here by a friend, please request access. If you have an invite code, please click Get Started!") }}
                 </p>
                 <div class="flex flex-col space-y-2 sm:flex-row sm:justify-center sm:space-y-0 sm:space-x-3">
                     <FormKit type="button" @click="$router.push('/join')" theme="primary" suffix-icon="fas fa-arrow-right">{{ __("Get Started") }}</FormKit>

apps/wizarr-frontend/src/modules/setup/pages/Complete.vue

@@ -1,13 +1,10 @@
 <template>
     <div>
         <h1
-            class="text-xl text-center font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white"
-        >
-            {{ __('Your Done') }}
+            class="text-xl text-center font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white">
+            {{ __("You're Done") }}
         </h1>
-        <p
-            class="text-base text-center text-gray-500 dark:text-gray-400 md:text-lg"
-        >
+        <p class="text-base text-center text-gray-500 dark:text-gray-400 md:text-lg">
             {{ __('You have successfully completed the setup process.') }}
         </p>
         <div class="flex justify-center mt-6">

apps/wizarr-frontend/src/modules/setup/pages/Database.vue

@@ -1,24 +1,21 @@
 <template>
     <div>
         <h1
-            class="text-xl text-center font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white"
-        >
+            class="text-xl text-center font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white">
             {{ __('Database') }}
         </h1>
-        <p
-            class="text-base text-center text-gray-700 dark:text-gray-400 md:text-md"
-        >
+        <p class="text-base text-center text-gray-700 dark:text-gray-400 md:text-md">
             {{
-                __(
-                    "Currently Wizarr only supports it's internal SQLite database.",
-                )
+            __(
+            "Currently Wizarr only supports it's internal SQLite database.",
+            )
             }}
             <br />
             {{
-                __(
-                    'This is a temporary and we are working on adding support for other databases.',
-                )
-            }}
+            __(
+                'This is a temporary, and we are working on adding support for other databases.',
+            )
+}}
         </p>
     </div>
 </template>

apps/wizarr-frontend/src/modules/setup/pages/Restore.vue

@@ -1,14 +1,13 @@
 <template>
     <div>
         <h1
-            class="text-xl text-center font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white"
-        >
+            class="text-xl text-center font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white">
             {{ __('Restore Backup') }}
         </h1>
         <p class="text-sm text-gray-500 dark:text-gray-400 text-center mt-2">
             {{
                 __(
-                    'Restore a backup of your database and configuration from a backup file. You will need to provide the encryption password that was used to create the backup',
+                    'Restore a backup of your database and configuration from a backup file. You will need to provide the encryption password that was used to create the backup.',
                 )
             }}
         </p>
@@ -48,7 +47,7 @@ export default defineComponent({
 
             // Show message to the user
             const info = this.$toast.warning(
-                'This may take a while, please do not close the page until the process is complete.',
+                'This may take a while. Please do not close the page until the process is complete.',
                 {
                     timeout: false,
                     closeButton: false,
@@ -72,12 +71,12 @@ export default defineComponent({
 
                     // Display an error message
                     this.$toast.error(
-                        'An error occurred while restoring the backup',
+                        'An error occurred while restoring the backup.',
                     );
                     this.$toast.dismiss(info);
 
                     throw new Error(
-                        'An error occurred while restoring the backup',
+                        'An error occurred while restoring the backup.',
                     );
                 });
 

apps/wizarr-frontend/src/tours/admin-home.ts

@@ -6,16 +6,16 @@ import { TourGuideStep } from "@sjmc11/tourguidejs/src/types/TourGuideStep";
 const steps = (__: (key: string) => string): TourGuideStep[] => [
     {
         title: __("Welcome to Wizarr"),
-        content: __("We want to help you get started with Wizarr as quickly as possible, consider following this tour to get a quick overview."),
+        content: __("We want to help you get started with Wizarr as quickly as possible. Consider following this tour to get a quick overview."),
     },
     {
         title: __("Dashboard Widgets"),
-        content: __("These are your widgets, you can use them to get a quick overview of your Wizarr instance."),
+        content: __("These are your widgets. You can use them to get a quick overview of your Wizarr instance."),
         target: ".grid-stack-item:nth-child(2)",
     },
     {
         title: __("Latest Information"),
-        content: __("Like this Widget, it shows you the latest information about Wizarr and will be updated regularly by our amazing team."),
+        content: __("Like this widget, it shows you the latest information about Wizarr and will be updated regularly by our amazing team."),
         target: ".latest-info",
     },
     {

apps/wizarr-frontend/src/tours/admin-invitations.ts

@@ -6,7 +6,7 @@ import type TourGuideOptions from "@sjmc11/tourguidejs/src/core/options";
 const steps = (__: (key: string) => string): CustomTourGuideStep[] => [
     {
         title: __("Your Invitations"),
-        content: __("This is where you can manage your invitations, they will appear here in a list. Invitations are used to invite new users to your media server."),
+        content: __("This is where you can manage your invitations. They will appear here in a list. Invitations are used to invite new users to your media server."),
         target: document.querySelector("#invitationList > li:nth-child(1)") ?? "#invitationList",
     },
     {

apps/wizarr-frontend/src/tours/admin-settings.ts

@@ -5,11 +5,11 @@ import type { App } from "vue";
 const steps = (__: (key: string) => string): CustomTourGuideStep[] => [
     {
         title: __("Your Settings"),
-        content: __("All of your media server settings will appear here, we know your going to spend a lot of time here 😝"),
+        content: __("All of your media server settings will appear here. We know you're going to spend a lot of time here 😝"),
     },
     {
         title: __("Search Settings"),
-        content: __("There are a lot of settings, so you can search for them by using the search bar."),
+        content: __("Since there are a lot of settings, you can search for them by using the search bar."),
         target: "#searchSettings",
     },
     {
@@ -19,7 +19,7 @@ const steps = (__: (key: string) => string): CustomTourGuideStep[] => [
     },
     {
         title: __("End of Tour"),
-        content: __("This is the end of the tour, we hope you enjoyed you found it informative! Please feel free to contact us on Discord and let us know what you think of Wizarr."),
+        content: __("This is the end of the tour. We hope you enjoyed and found it informative! Please feel free to contact us on Discord and let us know what you think of Wizarr."),
     },
 ];
 

apps/wizarr-frontend/src/tours/admin-users.ts

@@ -6,12 +6,12 @@ import type TourGuideOptions from "@sjmc11/tourguidejs/src/core/options";
 const steps = (__: (key: string) => string): CustomTourGuideStep[] => [
     {
         title: __("Your Users"),
-        content: __("All of your media server users will appear here in a list. You can manage them, edit them, and delete them. Other information like their expiration or creation date will also be displayed here."),
+        content: __("All of your media server users will appear here in a list. You can manage, edit, and delete them. Other information, like their expiration or creation date, will also be displayed here."),
         target: document.querySelector("#userList > li:nth-child(1)") ?? "#userList",
     },
     {
         title: __("Scan for Users"),
-        content: __("Wizarr will automatically scan your media server for new users, but you can also manually scan for new users by clicking on the 'Scan for Users' button, this is useful if Wizarr has not gotten around to doing it yet."),
+        content: __("Wizarr will automatically scan your media server for new users, but you can also manually scan for new users by clicking on the 'Scan for Users' button. This is useful if Wizarr has not gotten around to doing it yet."),
         target: "#scanUsers",
     },
 ];