About clients

Author: realstoman

src/components/AboutClientSingle.vue

@@ -3,7 +3,7 @@
 		<img
 			:src="client.img"
 			:alt="client.title"
-			class="w-64 py-5 px-10 border border-ternary-light dark:border-ternary-dark shadow-sm rounded-xl mb-8 cursor-pointer"
+			class="w-64 py-5 px-10 border border-ternary-light dark:border-ternary-dark shadow-sm rounded-xl mb-8 cursor-pointer dark:bg-secondary-light"
 		/>
 	</div>
 </template>

src/components/ProjectsGrid.vue

@@ -151,10 +151,10 @@ export default {
 					img: require('@/assets/images/web-project-1.jpg'),
 				},
 			],
-			// publicPath: process.env.BASE_URL,
 		};
 	},
 	computed: {
+		// Get the filtered projects
 		filteredProjects() {
 			if (this.selectedProject) {
 				return this.filterProjectsByCategory();
@@ -165,14 +165,16 @@ export default {
 		},
 	},
 	methods: {
+		// Filter projects by category
 		filterProjectsByCategory() {
 			return this.projects.filter((item) => {
-				let filterProject =
+				let category =
 					item.category.charAt(0).toUpperCase() +
 					item.category.slice(1);
-				return filterProject.includes(this.selectedProject);
+				return category.includes(this.selectedProject);
 			});
 		},
+		// Filter projects by title search
 		filterProjectsBySearch() {
 			let project = new RegExp(this.searchProject, 'i');
 			return this.projects.filter((el) => el.title.match(project));