<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: "- Запуск. Создан функционал авторизации и регистрации пользователей",
      },
      {
        version: "0.1.1",
        date: "2022-08-18",
        text: `
- Созданы отдельные страницы для трёх основных разделов.<br/>
- Разрешены скобки в паролях.<br/>
- Улучшена система меню.<br/>
- Заменено фоновое изображение на космические туманности.<br/>
- Стандартизированы по ширине основные блоки.<br/>
- Убраны лишние поля в профиле пользователя.<br/>
- Исправлена ошибка с сохранением никтейма.<br/>
- Множественные мелкие багфиксы интерфейса.<br/>
- Множественные мелкие правки текстов.`,
      },
    ];
    return { changelog };
  },
};
</script>
