SearchResultsPage agregado

src/routes.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 
 import Home from './view/Home.vue'
+import SearchResultsPage from './view/SearchResultsPage.vue'
 
 const routes = [
     {
@@ -14,6 +15,11 @@ const routes = [
         component: Home,
         name: 'home'
     },
+    {
+        path: '/search-results',
+        component: SearchResultsPage,
+        name: 'searchResultsPage'
+    },
 ]
 
 Vue.use(VueRouter)

src/view/SearchResultsPage.vue

@@ -0,0 +1,47 @@
+<template>
+<div class="container my-5">
+  <h4><b>Resultados para "Lorem ipsum"</b></h4>
+  <p>Hay 3 productos</p>
+  <div class="my-4 d-flex justify-content-sm-start justify-content-center flex-wrap">
+    <div class="card g-card-sty mr-4 mb-3" style="width: 12rem;">
+        <img src="../img/bookOne.jpg" class="card-img-top" alt="...">
+        <div class="card-body text-center">
+            <p class="card-text">Some quick example text to build on the card title and...</p>
+            <span><b>$180</b></span>
+        </div>
+    </div>
+
+    <div class="card g-card-sty mr-4 mb-3" style="width: 12rem;">
+        <img src="../img/bookOne.jpg" class="card-img-top" alt="...">
+        <div class="card-body text-center">
+            <p class="card-text">Some quick example text to build on the card title and...</p>
+            <span><b>$180</b></span>
+        </div>
+    </div>
+
+    <div class="card g-card-sty mr-4 mb-3" style="width: 12rem;">
+        <img src="../img/bookOne.jpg" class="card-img-top" alt="...">
+        <div class="card-body text-center">
+            <p class="card-text">Some quick example text to build on the card title and...</p>
+            <span><b>$180</b></span>
+        </div>
+    </div>
+
+  </div>
+  <p>Mostrando 1 - 3 de 3 artículo(s)</p>
+</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style scoped>
+.g-card-sty {
+    -webkit-box-shadow: 3px 3px 6px 0.2px rgba(0,0,0,0.2);
+    -moz-box-shadow: 3px 3px 6px 0.2px rgba(0,0,0,0.2);
+    box-shadow: 3px 3px 6px 0.2px rgba(0,0,0,0.2);
+}
+</style>