<template>
  <div class="sign-layout">
    <div class="sign-layout__wrapper">
      <div class="left">
        <div>{{ t('app.left1') }}</div>
        <div>{{ t('app.left2') }}</div>
      </div>
      <div class="right">
        <div class="right-logo">
          <img src="@pc/assets/logo.png" title="logo" />
        </div>
        <div class="right-title">{{ title }}</div>
        <div class="right-container">
          <slot></slot>
        </div>
      </div>
    </div>
    <div class="sign-layout__footer">
      <span>v1.0.{{ version }}</span>
    </div>
  </div>
</template>

<script lang="ts" setup>

import { i18n } from '@/stores'

defineProps({
  title: {
    type: String,
    required: true,
  },
})

const t = i18n.global.t

const meta = document.getElementsByTagName('meta')
const version = meta.namedItem('revised')?.content ?? '0'
</script>

<style lang="less">
@import './index.less';
</style>