chore(lint): fix typos

Signed-off-by: Maksim Sukharev <[email protected]>

src/components/NcAppNavigation/NcAppNavigation.vue

@@ -260,7 +260,7 @@ export default {
 		 * @param {boolean} [state] set the state instead of inverting the current one
 		 */
 		toggleNavigation(state) {
-			// Early return if alreay in that state
+			// Early return if already in that state
 			if (this.open === state) {
 				emit('navigation-toggled', {
 					open: this.open,
@@ -307,7 +307,7 @@ export default {
 <style lang="scss">
 .app-navigation,
 .app-content {
-	/** Distance of the app naviation toggle and the first navigation item to the top edge of the app content container */
+	/** Distance of the app navigation toggle and the first navigation item to the top edge of the app content container */
 	--app-navigation-padding: #{$app-navigation-padding};
 }
 </style>
@@ -326,7 +326,7 @@ export default {
 	top: 0;
 	left: 0;
 	padding: 0px;
-	// Above appcontent
+	// Above NcAppContent
 	z-index: 1800;
 	height: 100%;
 	box-sizing: border-box;
@@ -384,14 +384,14 @@ export default {
 	}
 }
 
-// When on mobile, we make the navigation slide over the appcontent
+// When on mobile, we make the navigation slide over the NcAppContent
 @media only screen and (max-width: $breakpoint-mobile) {
 	.app-navigation {
 		position: absolute;
 	}
 }
 
-// Put the toggle behind appsidebar on small screens
+// Put the toggle behind NcAppSidebar on small screens
 @media only screen and (max-width: $breakpoint-small-mobile) {
 	.app-navigation {
 		z-index: 1400;

src/components/NcModal/NcModal.vue

@@ -72,7 +72,7 @@ export default {
 				</div>
 				<div class="form-group">
 					<label for="pizza">What is the most important pizza item?</label>
-					<NcSelect input-id="pizza" :options="['Cheese', 'Tomatos', 'Pineapples']" v-model="pizza" />
+					<NcSelect input-id="pizza" :options="['Cheese', 'Tomatoes', 'Pineapples']" v-model="pizza" />
 				</div>
 				<div class="form-group">
 					<label for="emoji-trigger">Select your favorite emoji</label>
@@ -438,7 +438,7 @@ export default {
 		},
 
 		/**
-		 * Close the modal if the user clicked outside of the modal
+		 * Close the modal if the user clicked outside the modal
 		 * Only relevant if `canClose` is set to true.
 		 */
 		closeOnClickOutside: {
@@ -702,8 +702,8 @@ export default {
 			}
 			if (arrowHandlers[event.key]) {
 				// Ignore arrow navigation, if there is a current focus outside the modal.
-				// For example, when the focus is in Sidebar or NcActions's items,
-				// arrow navigation should not be intercept by modal slider
+				// For example, when the focus is in Sidebar or NcActions' items,
+				// arrow navigation should not be intercepted by modal slider
 				if (document.activeElement && !this.$el.contains(document.activeElement)) {
 					return
 				}
@@ -794,7 +794,7 @@ export default {
 				allowOutsideClick: true,
 				fallbackFocus: contentContainer,
 				trapStack: getTrapStack(),
-				// Esc can be used without stop in content or additionalTrapElements where it should not deacxtivate modal's focus trap.
+				// Esc can be used without stop in content or additionalTrapElements where it should not deactivate modal's focus trap.
 				// Focus trap is deactivated on modal close anyway.
 				escapeDeactivates: false,
 				setReturnFocus: this.setReturnFocus,
@@ -847,7 +847,7 @@ export default {
 	top: 0;
 	right: 0;
 	left: 0;
-	// prevent vue show to use display:none and reseting
+	// prevent vue show to use display:none and resetting
 	// the circle animation loop
 	display: flex !important;
 	align-items: center;
@@ -1002,7 +1002,7 @@ export default {
 		box-shadow: 0 0 40px rgba(0, 0, 0, .2);
 
 		&__close {
-			// Ensure the close button is always ontop of the content
+			// Ensure the close button is always on top of the content
 			z-index: 1;
 			position: absolute;
 			top: 4px;
@@ -1012,7 +1012,7 @@ export default {
 		&__content {
 			width: 100%;
 			min-height: 52px; // At least the close button shall fit in
-			overflow: auto; // avoids unecessary hacks if the content should be bigger than the modal
+			overflow: auto; // avoids unnecessary hacks if the content should be bigger than the modal
 		}
 	}