mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-18 15:17:25 +01:00
257e932bc3
* vue: use our own store in place of vuex * vue store: add getters, watcher and use internal vue instance * vue store: better state getter and credits to Vuex * vue store: $watch -> watch * vuex store: pass store to getters and fix typos * add comments to store, start writing tests * fix unit tests and add missing ones * cleanup components, add less folder, fetch tassks * use Vuex helpers * pin vuex version * move semantic-ui theme to assets/less, keep website/build empty but in git * import helpers from vuex
24 lines
417 B
Vue
24 lines
417 B
Vue
<template lang="pug">
|
|
div
|
|
p {{ msg }}
|
|
p Welcome back {{profileName}}!
|
|
p You have {{tasksCount}} tasks!
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState, mapGetters } from '../store';
|
|
|
|
export default {
|
|
data () {
|
|
return {
|
|
msg: 'You\'re on the Home page!',
|
|
};
|
|
},
|
|
computed: {
|
|
...mapState({
|
|
tasksCount: (state) => state.tasks.length,
|
|
}),
|
|
...mapGetters(['profileName']),
|
|
},
|
|
};
|
|
</script> |