<template>
  <div class="view-login">

    loginw
  </div>
</template>

<script>
export default {
  name: 'login-view',
  computed: {
    user () {
      return this.$store.state.users[this.$route.params.id]
    }
  },
  beforeMount () {
    console.log(this.$store)
  }
}
</script>

<style lang="stylus">
.view-login
  background-color #fff
  padding 1.8em 2em 1em
  box-shadow 0 1px 2px rgba(0,0,0,.1)
  h1
    display inline
    font-size 1.5em
    margin 0
    margin-right .5em
  .host, .meta, .meta a
    color #999
  .meta a
    text-decoration underline

.item-view-comments
  background-color #fff
  margin-top 10px
  padding 0 2em
  
.item-view-comments-header
  margin 0
  font-size 1.1em
  padding 1em 0

.comment-children
  list-style-type none
  padding 0
  margin 0
  
@media (max-width 600px)
  .item-view-header
    h1
      font-size 1.25em
</style>