Skip to content

Instantly share code, notes, and snippets.

<template>
<v-app>
<v-navigation-drawer temporary v-model="sidebar">
</v-navigation-drawer>
<v-toolbar fixed>
<span class="hidden-sm-and-up">
<v-toolbar-side-icon @click.stop="sidebar = !sidebar">
</v-toolbar-side-icon>
</span>
<v-toolbar-title>{{ appTitle }}</v-toolbar-title>
<template>
<v-layout row>
<v-flex>
<h3>Landing page</h3>
</v-flex>
</v-layout>
</template>
<script>
export default {}
</script>
import Vue from 'vue'
import Router from 'vue-router'
const routerOptions = [
{ path: '/', component: 'Landing' },
{ path: '/signin', component: 'Signin' },
{ path: '/signup', component: 'Signup' },
{ path: '/home', component: 'Home' }
]
<template>
<v-app>
<v-navigation-drawer temporary v-model="sidebar">
<v-list>
<v-list-tile
v-for="item in menuItems"
:key="item.title"
:to="item.path">
<v-list-tile-action>
import Vue from 'vue'
import Vuex from 'vuex'
import { state } from './state'
import { mutations } from './mutations'
import { actions } from './actions'
import { getters } from './getters'
Vue.use(Vuex)
export const state = {}
import Vue from 'vue'
import Vuetify from 'vuetify'
import App from './App'
import router from './router'
import { store } from './store'
Vue.use(Vuetify)
Vue.config.productionTip = false
/* eslint-disable no-new */
<template>
<v-layout column>
<v-flex xs12 class="text-xs-center" mt-5>
<h3>Welcome to Awesome App</h3>
</v-flex>
<v-flex xs12 sm6 offset-sm3 mt-3>
<blockquote>
It's a basics application with authentication, real-time database and hosted on Google Firebase hosting
</blockquote>
</v-flex>
<template>
<v-layout column>
<v-flex xs12 class="text-xs-center" mt-5>
<h3>Sign Up</h3>
</v-flex>
<v-flex xs12 sm6 offset-sm3 mt-3>
<form>
<v-layout column>
<v-flex>
<v-text-field
<template>
<v-layout column>
<v-flex xs12 class="text-xs-center" mt-5>
<h3>Sign In</h3>
</v-flex>
<v-flex xs12 sm6 offset-sm3 mt-3>
<form>
<v-layout column>
<v-flex>
<v-text-field