Single project BPs

Author: realstoman

src/components/project/SingleProjectGallery.vue renamed to src/components/ProjectSingleGallery.vue

@@ -24,17 +24,17 @@ export default {
 				{
 					id: 1,
 					title: 'Kabul Project Management UI',
-					img: require('../../assets/images/ui-project-1.jpg'),
+					img: require('@/assets/images/ui-project-1.jpg'),
 				},
 				{
 					id: 2,
 					title: 'Kabul Project Management UI',
-					img: require('../../assets/images/web-project-2.jpg'),
+					img: require('@/assets/images/web-project-2.jpg'),
 				},
 				{
 					id: 3,
 					title: 'Kabul Project Management UI',
-					img: require('../../assets/images/mobile-project-2.jpg'),
+					img: require('@/assets/images/mobile-project-2.jpg'),
 				},
 			],
 		};

src/components/project/SingleProjectHeader.vue renamed to src/components/ProjectSingleHeader.vue

@@ -12,28 +12,28 @@
 		<div class="grid grid-cols-1 sm:grid-cols-4 gap-10">
 			<div>
 				<img
-					src="../../assets/images/mobile-project-1.jpg"
+					src="@/assets/images/mobile-project-1.jpg"
 					class="rounded-2xl cursor-pointer"
 					alt="Related Project"
 				/>
 			</div>
 			<div>
 				<img
-					src="../../assets/images/web-project-1.jpg"
+					src="@/assets/images/web-project-1.jpg"
 					class="rounded-2xl cursor-pointer"
 					alt="Related Project"
 				/>
 			</div>
 			<div>
 				<img
-					src="../../assets/images/ui-project-2.jpg"
+					src="@/assets/images/ui-project-2.jpg"
 					class="rounded-2xl cursor-pointer"
 					alt="Related Project"
 				/>
 			</div>
 			<div>
 				<img
-					src="../../assets/images/mobile-project-1.jpg"
+					src="@/assets/images/mobile-project-1.jpg"
 					class="rounded-2xl cursor-pointer"
 					alt="Related Project"
 				/>

src/components/project/SingleProjectInfo.vue renamed to src/components/ProjectSingleInfo.vue

@@ -1,33 +1,33 @@
 <template>
 	<div class="container mx-auto mt-10 sm:mt-20">
 		<!-- Project header -->
-		<SingleProjectHeader />
+		<ProjectSingleHeader />
 
 		<!-- Project gallery -->
-		<SingleProjectGallery />
+		<ProjectSingleGallery />
 
 		<!-- Project information -->
-		<SingleProjectInfo />
+		<ProjectSingleInfo />
 
 		<!-- Project related projects -->
-		<SingleProjectRelatedProjects />
+		<ProjectSingleRelatedProjects />
 	</div>
 </template>
 
 <script>
-import SingleProjectHeader from '@/components/project/SingleProjectHeader';
-import SingleProjectGallery from '@/components/project/SingleProjectGallery';
-import SingleProjectInfo from '@/components/project/SingleProjectInfo';
-import SingleProjectRelatedProjects from '@/components/project/SingleProjectRelatedProjects';
 import feather from 'feather-icons';
+import ProjectSingleHeader from '../components/ProjectSingleHeader.vue';
+import ProjectSingleGallery from '../components/ProjectSingleGallery.vue';
+import ProjectSingleInfo from '../components/ProjectSingleInfo.vue';
+import ProjectSingleRelatedProjects from '../components/ProjectSingleRelatedProjects.vue';
 
 export default {
 	name: 'Projects',
 	components: {
-		SingleProjectHeader,
-		SingleProjectGallery,
-		SingleProjectInfo,
-		SingleProjectRelatedProjects,
+		ProjectSingleHeader,
+		ProjectSingleGallery,
+		ProjectSingleInfo,
+		ProjectSingleRelatedProjects,
 	},
 	data: () => {
 		return {};