<template>
  <div class="main-block-with-cropped text-black">
    <div>История изменений:</div>

    <q-list bordered class="">
      <template v-for="(item, idx) of changelog" :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">{{ item.text }}</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: "Запуск. Создан функционал авторизации и регистрации пользователей",
      },
    ];
    return { changelog };
  },
};
</script>