vue-template/LuMain.vue at master · lu-se/vue-template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<template>
  <main
    class="main"
    :class="{'mt-2': compact}"
  >
    <div class="container">
      <div
        v-if="leftmenu"
        class="row"
      >
        <LuLeftMenu :menu="leftmenu" />
        <div class="col-12 col-xl-9 mb-6 mb-xl-0">
          <slot />
          <div
            v-if="pageManagerMail"
            class="row"
          >
            <div class="col-12 col-lg-8">
              <div class=" border-top border-dark mt-5 py-3">
                {{ t('luvt.main.page_manager') }}: <a :href="`mailto:${pageManagerMail}`">{{ pageManagerMail }}</a>
                &nbsp;|&nbsp; <strong>{{ lastUpdated }}</strong>
                <template v-if="pageManagerNotice">
                  <br><small>{{ pageManagerNotice }}</small>
                </template>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div v-else>
        <slot />
        <div
          v-if="pageManagerMail"
          class="row"
        >
          <div class="col-12 col-lg-8">
            <div class=" border-top border-dark mt-5 py-3">
              {{ t('luvt.main.page_manager') }}: <a :href="`mailto:${pageManagerMail}`">{{ pageManagerMail }}</a>
              &nbsp;|&nbsp; <strong>{{ lastUpdated }}</strong>
              <template v-if="pageManagerNotice">
                <br><small>{{ pageManagerNotice }}</small>
              </template>
            </div>
          </div>
        </div>
      </div>
    </div>
  </main>
</template>

<script setup>
import { useI18n } from 'vue-i18n'

import LuLeftMenu from './LuLeftMenu.vue'

defineProps({
  leftmenu: { type: Array, default: null },
  pageManagerMail: { type: String, default: '' },
  pageManagerNotice: { type: String, default: '' },
  lastUpdated: { type: String, default: '' },
  compact: { type: Boolean, default: false },
})

const { t } = useI18n()
</script>