<template>

  <div class="main-block-with-cropped fit text-black">

    <div>История изменений:</div>

    <q-list bordered class="">

      <template v-for="(item, idx) of changelog.slice().reverse()" :key="idx">

        <q-item class="flex justify-between">
          <q-item-section avatar> v{{ item.version }} </q-item-section>
          <q-item-section avatar>{{ item.date }}</q-item-section>
        </q-item>
        <q-item>

          <q-item-section align="left"
            ><div v-html="item.text"></div
          ></q-item-section>

        </q-item>
      </template>
    </q-list>
  </div>
</template>

<script>
export default {
  // name: 'ComponentName',
  setup() {
    const changelog = [
      {
        version: "0.1.0",
        date: "2022-08-01",

        text: `

- Запуск. Понеслось...<br/>
- Создан функционал регистрации пользователей.<br/>
- Создан функционал авторизации пользователей.<br/>
- Создан функционал восстановления пароля пользователя.<br/>
- Создана стартовая страница для неавторизованных пользователей.<br/>
- Создана стартовая страница для авторизованных пользователей с журнализацией изменений проекта.<br/>

- Создан базовый функционал профиля пользователя.<br/>

`,

      },

      {
        version: "0.1.1",

        date: "2022-08-18",
        text: `
- Созданы отдельные страницы для трёх основных разделов.<br/>
- Разрешены скобки в паролях.<br/>
- Улучшена система меню.<br/>
- Заменено фоновое изображение на космические туманности.<br/>
- Стандартизированы по ширине основные блоки.<br/>
- Убраны лишние поля в профиле пользователя.<br/>
- Исправлена ошибка с сохранением никтейма.<br/>
- Множественные мелкие багфиксы интерфейса.<br/>

- Множественные мелкие правки текстов.<br/>

`,

      },

    ];
    return { changelog };
  },
};
</script>