Eder87rh

<v-btn icon v-if="$route.name=='post'" @click="$router.push({name:'camera'})">
  <v-icon>camera_alt</v-icon>
</v-btn>

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" />

Eder87rh

{
  path: '/post',
  name: 'post',
  props: true,
  component: () => import(/* webpackChunkName: "post" */ './components/Post.vue')
},

Eder87rh

{
  path: '/camera',
  name: 'camera',
  component: () => import(/* webpackChunkName: "camera" */ './components/Camera.vue')
}

Eder87rh

<template>
   <div class="camera-modal">
        <video ref="video" class="camera-stream"/>
        <div class="camera-modal-container">
        </div>
            <v-btn class="take-picture-button" @click="capture" color="pink" dark fab>
                <v-icon>camera</v-icon>
            </v-btn>
    </div>
</template>

Eder87rh

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

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

Eder87rh

import 'material-design-icons-iconfont/dist/material-design-icons.css'

Eder87rh

db.enablePersistence({experimentalTabSynchronization:true})

Eder87rh

<template>
    <v-container grid-list-xs>
        <v-layout column v-if="!!dog">
            <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 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, dogProp:dogs[index] }})">
                    <v-img
                    height="170"
                    :src="dog.url"
                    aspect-ratio="2.75"
                    ></v-img>