2020-10-28 08:22:29 -07:00
|
|
|
<template>
|
2020-12-11 11:37:04 -08:00
|
|
|
<div>
|
2020-10-28 08:22:29 -07:00
|
|
|
<h2>
|
|
|
|
<Icon v="tags"/>
|
|
|
|
<T>home.why</T>
|
|
|
|
</h2>
|
|
|
|
|
|
|
|
<section>
|
|
|
|
<T>home.about</T>
|
2021-04-04 18:05:03 -07:00
|
|
|
|
2021-06-15 08:24:25 -07:00
|
|
|
<ModeSwitch class="mt-3"/>
|
|
|
|
|
2021-04-04 18:05:03 -07:00
|
|
|
<div v-if="!user && $t('profile.banner', {}, false)" class="alert alert-info">
|
2021-04-05 08:43:57 -07:00
|
|
|
<nuxt-link :to="'/' + config.user.route" class="float-end btn btn-primary m-2 me-0">
|
2021-04-04 18:05:03 -07:00
|
|
|
<Icon v="id-card"/>
|
|
|
|
<Spelling :text="$t('profile.bannerButton')"/>
|
|
|
|
</nuxt-link>
|
|
|
|
<LinkedText :text="$t('profile.banner')"/>
|
|
|
|
</div>
|
2020-10-28 08:22:29 -07:00
|
|
|
</section>
|
|
|
|
|
2021-08-14 01:42:49 -07:00
|
|
|
<CalendarBanner link/>
|
|
|
|
|
2020-10-28 08:22:29 -07:00
|
|
|
<section>
|
|
|
|
<Share/>
|
|
|
|
</section>
|
|
|
|
|
2021-07-24 05:55:24 -07:00
|
|
|
<Separator icon="fist-raised"/>
|
|
|
|
|
|
|
|
<Mission/>
|
|
|
|
|
2020-10-28 08:22:29 -07:00
|
|
|
<Separator icon="bookmark"/>
|
|
|
|
|
|
|
|
<section>
|
2021-08-06 04:30:58 -07:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-12 col-md-6">
|
2021-08-06 05:23:12 -07:00
|
|
|
<LanguageVersions/>
|
2021-08-06 04:30:58 -07:00
|
|
|
</div>
|
|
|
|
<div class="col-12 col-md-6">
|
2021-08-06 05:23:12 -07:00
|
|
|
<Socials/>
|
2021-08-06 04:30:58 -07:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-01-27 05:24:25 -08:00
|
|
|
<Support/>
|
2020-10-28 08:22:29 -07:00
|
|
|
</section>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2021-08-14 01:42:49 -07:00
|
|
|
import { mapState } from "vuex";
|
2020-10-28 08:22:29 -07:00
|
|
|
|
|
|
|
export default {
|
|
|
|
computed: {
|
2021-04-04 18:05:03 -07:00
|
|
|
...mapState([
|
|
|
|
'user',
|
|
|
|
]),
|
2020-10-28 08:22:29 -07:00
|
|
|
},
|
|
|
|
}
|
|
|
|
</script>
|