<script setup lang="ts">
  import { onMounted, ref } from 'vue'
  import BackBtn from "./BackBtn.vue";

  const codeStats = ref<{}>([])

</script>

<template>
    <BackBtn/>

    <div class="wrapper pe-none">
        <span class="main-title">Обо мне:</span>
        <p class="content">
            Семейкин Андрей,<br>
            Живу в Москве, учусь в 1580<br>
            Пишу на C#, Python, JS. Немного знаю C++ и Java<br>
            Разбираюсь в Linux, Docker, Drone CI<br>
            За последнюю неделю {{codeStats}}
        </p>
    </div>
</template>

<style scoped>
.main-title {
    font-weight: 800;
    font-size: 3em;
}

.content {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.5rem;
    word-wrap: break-word;
    line-height: 1.9;
}
</style>