Create projects component BP

Author: realstoman

src/components/ProjectSingle.vue

@@ -0,0 +1,9 @@
+<template>
+	<div></div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped></style>

src/components/project/ProjectsGrid.vue renamed to src/components/Projects.vue

@@ -71,37 +71,37 @@ export default {
 					id: 1,
 					title: 'Google Health Platform',
 					category: 'Wen Application',
-					img: require('../../assets/images/web-project-2.jpg'),
+					img: require('@/assets/images/web-project-2.jpg'),
 				},
 				{
 					id: 2,
 					title: 'Pheonix Digital Agenncy',
 					category: 'Mobile Application',
-					img: require('../../assets/images/mobile-project-2.jpg'),
+					img: require('@/assets/images/mobile-project-2.jpg'),
 				},
 				{
 					id: 3,
 					title: 'Project Management UI',
 					category: 'UI / Frontend',
-					img: require('../../assets/images/ui-project-1.jpg'),
+					img: require('@/assets/images/ui-project-1.jpg'),
 				},
 				{
 					id: 4,
 					title: 'Cloud Storage Platform',
 					category: 'UI / Frontend',
-					img: require('../../assets/images/ui-project-2.jpg'),
+					img: require('@/assets/images/ui-project-2.jpg'),
 				},
 				{
 					id: 5,
 					title: 'Kabul Social App',
 					category: 'Mobile Application',
-					img: require('../../assets/images/mobile-project-1.jpg'),
+					img: require('@/assets/images/mobile-project-1.jpg'),
 				},
 				{
 					id: 6,
 					title: 'Apple Design System',
 					category: 'Web Application',
-					img: require('../../assets/images/web-project-1.jpg'),
+					img: require('@/assets/images/web-project-1.jpg'),
 				},
 			],
 			// publicPath: process.env.BASE_URL,

src/views/Home.vue

@@ -5,21 +5,21 @@
 		<!-- Banner snd -->
 
 		<!-- Projects start -->
-		<ProjectsGrid />
+		<Projects />
 		<!-- Projects end -->
 	</div>
 </template>
 
 <script>
-import AppBanner from '@/components/AppBanner';
-import ProjectsGrid from '@/components/project/ProjectsGrid';
 import feather from 'feather-icons';
+import AppBanner from '@/components/AppBanner';
+import Projects from '../components/Projects.vue';
 
 export default {
 	name: 'Home',
 	components: {
 		AppBanner,
-		ProjectsGrid,
+		Projects,
 	},
 	data: () => {
 		return {};

src/views/Projects.vue

@@ -1,19 +1,19 @@
 <template>
 	<div class="container mx-auto">
 		<!-- Projects start -->
-		<ProjectsGrid />
+		<Projects />
 		<!-- Projects end -->
 	</div>
 </template>
 
 <script>
-import ProjectsGrid from '@/components/project/ProjectsGrid';
 import feather from 'feather-icons';
+import Projects from '../components/Projects.vue';
 
 export default {
 	name: 'Projects',
 	components: {
-		ProjectsGrid,
+		Projects,
 	},
 	data: () => {
 		return {};