[FIX] some components structures

src/App.vue

@@ -6,9 +6,9 @@
 </template>
 
 <script>
-    import ProductSearcher from './components/ProductSearcher'
-    import ProductsGrid from './components/ProductsGrid'
-    import Cart from './components/Cart'
+    import ProductSearcher from '@/components/ProductSearcher'
+    import ProductsGrid from '@/components/ProductsGrid'
+    import Cart from '@/components/Cart'
 
     export default {
         components: {

src/components/CartItem.vue

@@ -0,0 +1,13 @@
+<template lang="pug">
+    .cart-item
+</template>
+
+<script>
+    export default {
+    
+    }
+</script>
+
+<style lang="sass">
+    
+</style>

src/components/ProductCard.vue

@@ -1,4 +1,15 @@
 <template lang="pug">
     .product-card
-        
 </template>
+
+<script>
+    export default {
+    
+    }
+</script>
+
+<style lang="sass">
+
+</style>
+
+

src/index.js

@@ -1,6 +1,6 @@
 import Vue from 'vue'
-import App from './App'
-import store from './store'
+import App from '@/App'
+import store from '@/store'
 
 Vue.config.productionTip = false
 Vue.config.silent = true