71 lines
1.5 KiB
Vue
71 lines
1.5 KiB
Vue
<template>
|
|
<div v-if="!user || !repo" class="home content">
|
|
<authorize class="authorize" />
|
|
<new-version class="new-version" />
|
|
<welcome-world />
|
|
</div>
|
|
<flux-note v-else :key="routeKey" :user="user" :repo="repo" />
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, defineAsyncComponent, computed, onMounted } from 'vue'
|
|
import { useQueryStackedNotes } from '@/hooks/useQueryStackedNotes.hook'
|
|
import NewVersion from '@/components/NewVersion.vue'
|
|
import Authorize from '@/components/Authorize.vue'
|
|
import { refreshToken } from '@/modules/user/service/signIn'
|
|
|
|
const FluxNote = defineAsyncComponent(() => import('@/components/FluxNote.vue'))
|
|
|
|
const WelcomeWorld = defineAsyncComponent(
|
|
() => import('@/components/WelcomeWorld.vue')
|
|
)
|
|
|
|
export default defineComponent({
|
|
name: 'Home',
|
|
components: {
|
|
WelcomeWorld,
|
|
FluxNote,
|
|
NewVersion,
|
|
Authorize
|
|
},
|
|
props: {
|
|
user: { type: String, required: false, default: '' },
|
|
repo: { type: String, required: false, default: '' }
|
|
},
|
|
setup(props) {
|
|
const { resetStackedNotes } = useQueryStackedNotes()
|
|
onMounted(() => {
|
|
refreshToken()
|
|
})
|
|
|
|
onMounted(() => {
|
|
refreshToken()
|
|
})
|
|
|
|
return {
|
|
resetStackedNotes,
|
|
routeKey: computed(() => `${props.user}-${props.repo}`)
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.home {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
|
|
.new-version {
|
|
position: absolute;
|
|
top: 1rem;
|
|
right: 1rem;
|
|
}
|
|
}
|
|
|
|
.authorize {
|
|
margin: auto;
|
|
}
|
|
</style>
|