Minor changes

Author: realstoman

src/components/AppHeader.vue

@@ -4,7 +4,7 @@
 		<div
 			class="z-10 max-w-screen-lg xl:max-w-screen-xl block sm:flex sm:justify-between sm:items-center my-6"
 		>
-			<!-- Header menu links and small screen humberger menu start -->
+			<!-- Header menu links and small screen hamburger menu start -->
 			<div class="flex justify-between items-center px-4 sm:px-0">
 				<!-- Header logos start -->
 				<div>
@@ -33,13 +33,13 @@
 				/>
 				<!-- Theme switcher small screen end -->
 
-				<!-- Small screen humberger menu start -->
+				<!-- Small screen hamburger menu start -->
 				<div class="sm:hidden">
 					<button
 						@click="isOpen = !isOpen"
-						type="buttom"
+						type="button"
 						class="focus:outline-none"
-						aria-label="Humberger Menu"
+						aria-label="Hamburger Menu"
 					>
 						<svg
 							xmlns="http://www.w3.org/2000/svg"
@@ -60,9 +60,9 @@
 						</svg>
 					</button>
 				</div>
-				<!-- Small screen humberger menu end -->
+				<!-- Small screen hamburger menu end -->
 			</div>
-			<!-- Header menu links and small screen humberger menu end -->
+			<!-- Header menu links and small screen hamburger menu end -->
 
 			<!-- Header links start -->
 			<div
@@ -117,15 +117,15 @@
 				</div>
 				<!-- Hire me button end -->
 
-				<!-- Theme switcher largr screen start -->
+				<!-- Theme switcher large screen start -->
 				<theme-switcher
 					:theme="theme"
 					@themeChanged="updateTheme"
 					class="ml-8 bg-primary-light dark:bg-ternary-dark px-3 py-2 shadow-sm rounded-xl cursor-pointer"
 				/>
-				<!-- Theme switcher largr screen end -->
+				<!-- Theme switcher large screen end -->
 			</div>
-			<!-- Header right section buttons stendart -->
+			<!-- Header right section buttons end -->
 		</div>
 		<!-- Header end -->
 
@@ -150,6 +150,10 @@ export default {
 		ThemeSwitcher,
 		HireMeModal,
 	},
+	mounted() {
+		this.theme = localStorage.getItem('theme') || 'light';
+		feather.replace();
+	},
 	data() {
 		return {
 			isOpen: false,
@@ -164,7 +168,7 @@ export default {
 				{
 					id: 2,
 					value: 'mobile',
-					name: 'Mobile Applicaiton',
+					name: 'Mobile Application',
 				},
 				{
 					id: 3,
@@ -179,14 +183,6 @@ export default {
 			],
 		};
 	},
-
-	created() {
-		this.theme = localStorage.getItem('theme') || 'light';
-	},
-	mounted() {
-		feather.replace();
-		this.theme = localStorage.getItem('theme') || 'light';
-	},
 	methods: {
 		updateTheme(theme) {
 			this.theme = theme;

src/components/ThemeSwitcher.vue

@@ -1,5 +1,5 @@
 <template>
-	<a href="#" @click="toggleTheme" aria-label="Theme Switcher">
+	<a href="#" @click.prevent="toggleTheme" aria-label="Theme Switcher">
 		<i
 			v-if="theme === 'light'"
 			data-feather="moon"
@@ -26,7 +26,7 @@ export default {
 			const newTheme = this.theme === 'light' ? 'dark' : 'light';
 			localStorage.setItem('theme', newTheme);
 			this.$emit('themeChanged', newTheme);
-			this.$router.go();
+			// this.$router.go();
 		},
 	},
 };