Skip to content

Instantly share code, notes, and snippets.

View DesKevinMendez's full-sized avatar

Kevin Mendez DesKevinMendez

View GitHub Profile
@DesKevinMendez
DesKevinMendez / Navbar.vue
Created September 9, 2019 23:05
navbar laravel-jwt-vue-medium
<template>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<router-link class="navbar-brand" to="/">Home</router-link>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
@DesKevinMendez
DesKevinMendez / router.ts
Created September 8, 2019 20:27
Router para laravel-jwt-vue-medium
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const router = new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{
@DesKevinMendez
DesKevinMendez / http.ts
Created September 8, 2019 20:11
http para views en laravel-jwt-vue-medium
import axios from 'axios';
// import store from '@/store';
const URL: string = 'http://127.0.0.1:8000/';
const http = axios.create({
baseURL: URL,
headers: {
'Authorization': `Bearer ${window.localStorage.getItem('_token')}`,
}
});
@DesKevinMendez
DesKevinMendez / authModule.ts
Last active September 8, 2019 20:10
authModule para views en laravel-jwt-vue-medium
import { GetterTree, ActionTree, MutationTree } from 'vuex';
import { State } from '@/store/interfaces/Auth';
import { http } from '@/utils/http.ts';
// Se encarga de hacer las peticiones asincronas con axios
// Trae las constantes globales
import AuthTypes from '@/store/types/authTypes';
const namespaced: boolean = true;;
const state: State = {
@DesKevinMendez
DesKevinMendez / Blog.vue
Created September 8, 2019 19:58
Blog para views en laravel-jwt-vue-medium
<template>
<!-- Post Content -->
<section class="container">
<div class="row">
<div class="col-lg-12 col-md-10 mx-auto">
<blogContent/>
<blogContent/>
<blogContent/>
@DesKevinMendez
DesKevinMendez / Register.vue
Created September 8, 2019 19:22
Vista Register para register-larave-vue-jwt-medium
<template>
<div class="home">
<div class="wrapper fadeInDown">
<div id="formContent">
<!-- Tabs Titles -->
<!-- Icon -->
<div class="fadeIn first">
<img :src="img" id="icon" alt="User Icon" />
</div>
@DesKevinMendez
DesKevinMendez / login.vue
Last active September 8, 2019 19:15
Vista login para register-larave-vue-jwt-medium
<template>
<div class="home">
<div class="wrapper fadeInDown">
<div id="formContent">
<!-- Tabs Titles -->
<!-- Icon -->
<div class="fadeIn first">
<img :src="img" id="icon" alt="User Icon" />
</div>
@DesKevinMendez
DesKevinMendez / About.vue
Last active September 8, 2019 19:10
Register-laravel-vue-jwt
<template>
<div class="container" style="max-with: 100vh;">
<h1>Example vue with laravel and jwt</h1>
<div>
This project, show a little example of how run jwt from laravel to vuejs
Is a basic example, please, any question, let it in comments; or send tweet a @kevinmendez3096
Follow me!
</div>
</div>
</template>
import { GetterTree, ActionTree, MutationTree } from 'vuex';
import { State } from '@/store/interfaces/Blog.ts';
// Establece los types de los modulos store
import blogTypes from '@/store/types/BlogTypes';
const namespaced: boolean = true;
const state: State = {
blogs: []
<template>
<div class="hello">
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>Agrega un nuevo blog</h3>
<div class="input-group mb-3">
<input type="text" class="form-control"
placeholder="Escriba aquí la nueva tarea"
v-model="blog">