Eder87rh

{
  "name": "cropchien",
  "short_name": "cropchien",
  "icons": [
    {
      "src": "windows10/Square71x71Logo.scale-400.png",
      "sizes": "284x284"
    },
    {
      "src": "windows10/Square71x71Logo.scale-200.png",

Eder87rh

<template>
  <v-app>
    <v-toolbar app>
      <v-btn 
        icon v-if="$route.name !== 'home'"
        @click="$router.go(-1) "
      >
        <v-icon>arrow_back</v-icon>
      </v-btn>
      <v-toolbar-title >

Eder87rh

<template>
    <v-container grid-list-xs>
        <v-layout row wrap>
            <v-flex  v-for="(dog, index) in dogs" :key="dog.id" xs12 md6 xl3 pa-2>
                <v-card @click="$router.push({name: 'details', params:{ id:dog.id, dog:dogs[index] }})">
                    <v-img
                    height="170"
                    :src="dog.url"
                    aspect-ratio="2.75"
                    ></v-img>

Eder87rh

<template>
    <v-container grid-list-xs>
        <v-layout column>
            <v-flex>
                <v-img
                :src="dog.url"
                ></v-img>
            </v-flex>
            <v-flex>
                <h1>{{ dog.comment }}</h1>

Eder87rh

<template>
    <v-container grid-list-xs>
        <v-layout>
            <v-flex>
                Post comming soon...
            </v-flex>
        </v-layout>
    </v-container>
</template>

Eder87rh

import Vue from 'vue'
import Router from 'vue-router'


Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',

Eder87rh

import firebase from 'firebase/app'
import 'firebase/firestore';
import 'firebase/messaging';

const config = {
 apiKey: '<Your api key here>',
 authDomain: '<Your auth Domain here>',
 databaseURL: '<Your databaseUrl here>',
 projectId: '<Your projectId here>',
 storageBucket: '<Your storageBucket here>',

Eder87rh

<v-btn @click="$router.push({ name: 'post'})"  color="red" dark fixed bottom right fab>
    <v-icon>add</v-icon>
</v-btn>

Eder87rh

import  firebase  from '../../configFirebase.js'
import router from '../../router'

export default (url, comment, author) => {

    let d = new Date();
    let days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
    console.log(firebase.db)

    firebase.db.collection('dogs').add(

Eder87rh

<template>
    <v-container grid-list-xs>
        <v-layout>
            <v-flex>
                <div id="spinner_container">
                    <v-progress-circular v-if="loading" v-bind:size="40" indeterminate color="pink" class="spinner">
                    </v-progress-circular>
                </div>
                
                <img :src="this.dogUrl" />