Files
habitica/website/client/components/app.vue
Matteo Pagliazzi e3bcea4077 Add semantic-ui (#8076)
* client: add semantic-ui

* add README, disable google fonts

* karma: limit coverage to .vue and .js files

* add missing deps

* semantic-ui in assets folder
2016-09-27 09:34:45 +02:00

35 lines
657 B
Vue

<template lang="pug">
#app.ui.fluid.container
site-header
p Welcome back {{user.profile.name}}!
ul
li
router-link(to='/') Home
li
router-link(to='/page') Another Page
router-view.view
</template>
<script>
import SiteHeader from './siteHeader';
import { mapState } from 'vuex';
export default {
components: {
SiteHeader,
},
computed: mapState(['user']),
};
</script>
<style lang="less">
@import '../assets/semantic-ui/semantic.less';
// Element is rendered outside of Vue because it cannot wait for JS to be loaded
// Placing CSS here so it benefits from pre-processing
#loading-screen {
height: 100%;
}
</style>