Wispik

Вот посмотри, я отвечал уже на похожий вопрос

по тем примерам что я нашел в интернетах, меню размещают в секции id="main"

странные примеры

можно ли так сделать?

можно
Пример
тут бутстрап пятый, но сути это не меняет

написано же

Please contact support if you continue to have
problems.

У тебя блоки перерисовываются, поэтому у левого всегда left: 0 и анимации нет
Надо либо, добавить элементам параметр позиции:

const data = ref([{ id: 0, pos: 0 }, { id: 1, pos: 1 }])

задавать left относительно позиции:
:style="`left: ${80 * item.pos}px; top: 0px`"
ну и менять тогда так:

function swap() {
    data.value.forEach(el => {
        el.pos = el.pos === 1 ? 0 : 1
    })
}

Либо, лучше для этого лучше использовать transition-group

.reset-description p {
    margin: 10px;
}

1. Нужно ли мне создавать для этого отдельный класс

Да, для стейтов задается отдельный класс

2. Нужно ли мне использовать state.clear()

Конечно нужно, если хочешь сбросить стейты.

если да, то как мне получить state

Также, как ты его получил в первой функции, когда устанавливал значение.
state: FSMContext

Вот почитай, все вопросы должны отпасть

global acceptable_time
глобальные переменные зло. Ты же понимаешь, что значение этой переменной одно для всех юзеров?
eval(await message.text)
а это вообще кошмар)) тут надо просто message.text к инту привести, но не евалом же это делать xD

у меня работает win + стрелка вниз (2 раза) - первый клик - окно становится не во весь экран, второй клик - окно сворачивается

vs code no source control provider registered
ты издеваешься? Каждый твой вопрос про vscode элементарно гуглится по названию темы твоего вопроса

vscode settings import

1. Надо открывать файл не в режиме "r+", так он будет постоянно перезаписываться, а в режиме "a"
2. Открывать файл лучше через контекстный менеджер with