-
-
-
+
- Cocina Francesa
-
-
- Descubre un nuevo sabor
-
-
+
-
-
-
- 
-
-
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
- dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
- ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
- fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
- deserunt mollit anim id est laborum.
-
- -
-
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
- dolore magna aliqua. Congue quisque egestas diam in arcu cursus euismod quis. Mi tempus imperdiet nulla
- malesuada pellentesque elit eget gravida. Tempus imperdiet nulla malesuada pellentesque elit eget
- gravida
- cum. Commodo elit at imperdiet dui accumsan sit amet. In nulla posuere sollicitudin aliquam ultrices
- sagittis.
-
-
- 
-
-
- -
-
-
-
- Seguir comprando -
-
-
-
- Carrito de compras
-
- - Seguir comprando -
-
-
-
-
-
-
-
-
-
-
-
-
- ![]()
-
-
-
-
-
-
-
- No hay nada en tu carrito de compras :c
-
- {{ producto.nombre }}
- -
{{ producto.precio }}
- Cantidad:
- remove
- {{ producto.cantidad }}
- add
-
- -
{{ producto.precio * producto.cantidad }}
- -
-
-
-
-
-
-
-
-
- - Completar Transaccion - - - - No hay nada en tu carrito de compras :c - -
-
-
-
- {{ cantidadItems }} Producto{{ (cantidadItems>1 || cantidadItems === 0) ? 's': '' }}
-
-
- {{ subTotal }} S/.
-
-
-
-
- Descuentos:
-
-
- {{ descuento }} S/.
-
- -
-
-
-
- Total:
-
-
- {{ total }} S/.
-
- -
- - Completar Transaccion - - - - No hay nada en tu carrito de compras :c - -
-
-
+
+
+
+
+
+
+
+
diff --git a/src/componentes/header.vue b/src/componentes/header.vue
new file mode 100644
index 0000000..1927d31
--- /dev/null
+++ b/src/componentes/header.vue
@@ -0,0 +1,10 @@
++
+
+
+ Seguir comprando +
+
+
+
+ Carrito de compras
+
+ + Seguir comprando +
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+ No hay nada en tu carrito de compras :c
+
+ {{ producto.nombre }}
+ +
{{ producto.precio }}
+ Cantidad:
+ remove
+ {{ producto.cantidad }}
+ add
+
+ +
{{ producto.precio * producto.cantidad }}
+ +
+
+
+
+
+
+
+
+
+ + Completar Transaccion + + + + No hay nada en tu carrito de compras :c + +
+
+
+
+ {{ cantidadItems }} Producto{{ (cantidadItems>1 || cantidadItems === 0) ? 's': '' }}
+
+
+ {{ subTotal }} S/.
+
+
+
+
+ Descuentos:
+
+
+ {{ descuento }} S/.
+
+ +
+
+
+
+ Total:
+
+
+ {{ total }} S/.
+
+ +
+ + Completar Transaccion + + + + No hay nada en tu carrito de compras :c + +
+
+
+
+
+ Le goût
+
+
+ Descubre un nuevo sabor
+
+
+
+
+
+
+
+ L'Assiete
+
+
+ Descubre un nuevo sabor
+
+
+
+
+
+
+
+
+
diff --git a/src/componentes/mi-footer.vue b/src/componentes/mi-footer.vue
new file mode 100644
index 0000000..0c5749b
--- /dev/null
+++ b/src/componentes/mi-footer.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+ dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
+ ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+ fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+ deserunt mollit anim id est laborum.
+
+ +
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+ dolore magna aliqua. Congue quisque egestas diam in arcu cursus euismod quis. Mi tempus imperdiet nulla
+ malesuada pellentesque elit eget gravida. Tempus imperdiet nulla malesuada pellentesque elit eget
+ gravida
+ cum. Commodo elit at imperdiet dui accumsan sit amet. In nulla posuere sollicitudin aliquam ultrices
+ sagittis.
+
+
+
+
+
+ +
+
+
diff --git a/src/componentes/navBar.vue b/src/componentes/navBar.vue
new file mode 100644
index 0000000..c0cab98
--- /dev/null
+++ b/src/componentes/navBar.vue
@@ -0,0 +1,10 @@
+
+
+
diff --git a/src/js/Router.js b/src/js/Router.js
deleted file mode 100644
index 1e1d402..0000000
--- a/src/js/Router.js
+++ /dev/null
@@ -1,603 +0,0 @@
-/* global window, module */
-
-;(function (global, factory) {
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
- typeof define === 'function' && define.amd ? define(factory) :
- global.Router = factory()
-}(this, (function () {
-
- /**
- * Router
- *
- * @version: 1.2.7
- * @author Graidenix
- *
- * @constructor
- *
- * @param {object} options
- * @returns {Router}
- */
- function Router(options) {
- var settings = this._getSettings(options);
-
-
- this.notFoundHandler = settings.page404;
- this.mode = (!window.history || !window.history.pushState) ? "hash" : settings.mode;
- this.root = settings.root === "/" ? "/" : "/" + this._trimSlashes(settings.root) + "/";
- this.beforeHook = settings.hooks.before;
- this.securityHook = settings.hooks.secure;
-
- this.routes = [];
- if (settings.routes && settings.routes.length > 0) {
- var _this = this;
- settings.routes.forEach(function (route) {
- _this.add(route.rule, route.handler, route.options);
- });
- }
-
- this._pageState = null;
- this._currentPage = null;
- this._skipCheck = false;
- this._action = null;
-
- if (this.mode === "hash") {
- this._historyStack = [];
- this._historyIdx = 0;
- this._historyState = "add"
- }
-
- return this;
- }
-
- /**
- * Define Router Page
- *
- * @param {string} uri
- * @param {object} query
- * @param {Array} params
- * @param {object} state
- * @param {object} options
- *
- * @constructor
- */
- Router.Page = function (uri, query, params, state, options) {
- this.uri = uri || "";
- this.query = query || {};
- this.params = params || [];
- this.state = state || null;
- this.options = options || {};
- };
-
- /**
- * Sanitize options and add default values
- *
- * @param {object} options
- * @returns {object}
- * @private
- */
- Router.prototype._getSettings = function (options) {
- var settings = {};
- var defaults = {
- routes: [],
- mode: "history",
- root: "/",
- hooks: {
- "before": function () {
- },
- "secure": function () {
- return true;
- }
- },
- page404: function (page) {
- console.error({
- page: page,
- message: "404. Page not found"
- });
- }
- };
-
- options = options || {};
- ["routes", "mode", "root", "page404"].forEach(function (key) {
- settings[key] = options[key] || defaults[key];
- });
-
- settings.hooks = Object.assign({}, defaults.hooks, options.hooks || {});
-
- return settings;
- };
-
- /**
- * Get URI for Router "history" mode
- *
- * @private
- * @returns {string}
- */
- Router.prototype._getHistoryFragment = function () {
- var fragment = decodeURI(window.location.pathname);
- if (this.root !== "/") {
- fragment = fragment.replace(this.root, "");
- }
- return this._trimSlashes(fragment);
- };
-
- /**
- * Get URI for router "hash" mode
- *
- * @private
- * @returns {string}
- */
- Router.prototype._getHashFragment = function () {
- var hash = window.location.hash.substr(1).replace(/(\?.*)$/, "");
- return this._trimSlashes(hash);
- };
-
- /**
- * Get current URI
- *
- * @private
- * @returns {string}
- */
- Router.prototype._getFragment = function () {
- if (this.mode === "history") {
- return this._getHistoryFragment();
- } else {
- return this._getHashFragment();
- }
- };
-
- /**
- * Trim slashes for path
- *
- * @private
- * @param {string} path
- * @returns {string}
- */
- Router.prototype._trimSlashes = function (path) {
- if (typeof path !== "string") {
- return "";
- }
- return path.toString().replace(/\/$/, "").replace(/^\//, "");
- };
-
- /**
- * 404 Page Handler
- *
- * @private
- */
- Router.prototype._page404 = function (path) {
- this._currentPage = new Router.Page(path);
- this.notFoundHandler(path);
- };
-
- /**
- * Convert the string route rule to RegExp rule
- *
- * @param {string} route
- * @returns {RegExp}
- * @private
- */
- Router.prototype._parseRouteRule = function (route) {
- if (typeof route !== "string") {
- return route;
- }
- var uri = this._trimSlashes(route);
- var rule = uri
- .replace(/([\\\/\-\_\.])/g, "\\$1")
- .replace(/\{[a-zA-Z]+\}/g, "(:any)")
- .replace(/\:any/g, "[\\w\\-\\_\\.]+")
- .replace(/\:word/g, "[a-zA-Z]+")
- .replace(/\:num/g, "\\d+");
-
- return new RegExp("^" + rule + "$", "i");
- };
-
- /**
- * Parse query string and return object for it
- *
- * @param {string} query
- * @returns {object}
- * @private
- */
- Router.prototype._parseQuery = function (query) {
- var _query = {};
- if (typeof query !== "string") {
- return _query;
- }
-
- if (query[0] === "?") {
- query = query.substr(1);
- }
-
- this._queryString = query;
- query.split("&").forEach(function (row) {
- var parts = row.split("=");
- if (parts[0] !== "") {
- if (parts[1] === undefined) {
- parts[1] = true;
- }
- _query[decodeURIComponent(parts[0])] = parts[1];
- }
- });
- return _query;
- };
-
- /**
- * Get query for `history` mode
- *
- * @returns {Object}
- * @private
- */
- Router.prototype._getHistoryQuery = function () {
- return this._parseQuery(window.location.search);
- };
-
- /**
- * Get query for `hash` mode
- *
- * @returns {Object}
- * @private
- */
- Router.prototype._getHashQuery = function () {
- var index = window.location.hash.indexOf("?");
- var query = (index !== -1) ? window.location.hash.substr(index) : "";
- return this._parseQuery(query);
- };
-
- /**
- * Get query as object
- *
- * @private
- * @returns {Object}
- */
- Router.prototype._getQuery = function () {
- if (this.mode === "history") {
- return this._getHistoryQuery();
- } else {
- return this._getHashQuery();
- }
- };
-
- /**
- * Add route to routes list
- *
- * @param {string|RegExp} rule
- * @param {function} handler
- * @param {{}} options
- * @returns {Router}
- */
- Router.prototype.add = function (rule, handler, options) {
- this.routes.push({
- rule: this._parseRouteRule(rule),
- handler: handler,
- options: options
- });
- return this;
- };
-
- /**
- * Remove a route from routes list
- *
- * @param param
- * @returns {Router}
- */
- Router.prototype.remove = function (param) {
- var _this = this;
- if (typeof param === "string") {
- param = this._parseRouteRule(param).toString();
- }
- this.routes.some(function (route, i) {
- if (route.handler === param || route.rule.toString() === param) {
- _this.routes.splice(i, 1);
- return true;
- }
- return false;
- });
-
- return this;
- };
-
- /**
- * Reset the state of Router
- *
- * @returns {Router}
- */
- Router.prototype.reset = function () {
- this.routes = [];
- this.mode = null;
- this.root = "/";
- this._pageState = {};
- this.removeUriListener();
-
- return this;
- };
-
- /**
- * Add current page in history stack
- * @private
- */
- Router.prototype._pushHistory = function () {
- var _this = this,
- fragment = this._getFragment();
-
- if (this.mode === "hash") {
- if (this._historyState === "add") {
- if (this._historyIdx !== this._historyStack.length - 1) {
- this._historyStack.splice(this._historyIdx + 1);
- }
-
- this._historyStack.push({
- path: fragment,
- state: _this._pageState
- });
-
- this._historyIdx = this._historyStack.length - 1;
- }
- this._historyState = "add";
- }
- };
-
- /**
- *
- * @param asyncRequest boolean
- * @returns {PromiseResult