git.iko.soy/bat
on 448bfaf help sign in
bat/tests/syntax-tests/source/Vue/example.vue
55 lines 954 B history raw
1<template>
2 <div id="app" class="container-fluid">
3 <AppHeader></AppHeader>
4 <transition name="page" mode="out-in" v-if="!isLoading">
5 <router-view></router-view>
6 </transition>
7 <AppLoadingIndicator></AppLoadingIndicator>
8 </div>
9</template>
11<script>
12import AppHeader from "@/components/AppHeader";
13import AppLoadingIndicator from "@/components/AppLoadingIndicator";
14import { mapGetters } from "vuex";
16export default {
17 name: "App",
18 components: {
19 AppHeader,
20 AppLoadingIndicator,
21 },
22 beforeCreate() {
23 this.$store.dispatch("fetchData");
24 },
25 data: {
26 message: "Hello!"
27 },
28 computed: {
29 ...mapGetters({
30 isLoading: "isLoading",
31 }),
32 },
33};
34</script>
36<style>
37body {
38 background-color: rgba(72, 163, 184, 0.05) !important;
41.page-enter-active,
42.page-leave-active {
43 transition: opacity 0.2s;
46.page-enter,
47.page-leave-active {
48 opacity: 0;
51.page-enter:hover {
52 opacity: 1;
55</style>