<template>
    <div class="container">
      <div class="footer">
        Powered by {{author}} @
        <el-link type="primary" href="https://github.com/yangjian102621/chatgpt-plus" target="_blank">{{title}}</el-link>
      </div>
    </div>
</template>
<script setup>

import {ref} from "vue";

const title = ref('ChatGPT-Plus-V3')
const author = ref('极客学长')
</script>

<style scoped lang="stylus">
.container {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display flex;
  justify-content center
  .footer {
    max-width 400px;
    text-align center;
    font-size 14px;
    padding 20px;
    width 100%
  }
}

</style>