vilaugra

Не совсем.
Делают они одно и то же только для location /.

Если у вас, например, location /img, то при
root /var/www ссылка /img/1,jpg будет вести в файл /var/www/img/1.jpg

а при alias /var/www та же ссылка будет вести в /var/www/1.jpg.

Ну вот представьте: сидите дома, решили сожрать пиццу. Значит, что надо сделать - заказать пиццу, подождать, пока курьер её привезёт. Ну а как привезёт, можно и сожрать. И вы спрашиваете: а почему начинать жрать пиццу можно только после того, как её привезут? Как это исправить, как начать жрать пиццу сразу после заказа? Да никак блин, будете сидеть и ждать, сидеть и ждать, сидеть и ждать.

Сидеть и ждать вы можете по-разному:

Вариант раз - не создавать экземпляр компонента, который требует id пользователя для корректной работы до тех пор, пока он не будут получен:

<компонент-которому-нужен-id-пользователя v-if="$store.getters.userId">

Вариант два - следить за id пользователя, и выполнять действия, которые его требуют только когда он есть:

watch: {
  '$store.getters.userId': {
    immediate: true,
    handler(userId) {
      if (userId) {
        ...
      }
    },
  },
},

Это фиксированный блок, логика работы такая: сделать блок в сайдбаре – фиксированным (плавающим). Чтобы он прилипал только в тот момент, когда пользователь доскроллит до него. Блок должен «отлипать», доходя до футера (т.е. не перекрывать его). На tproger.ru сделано стилями position: fixed (см. скрин), но присваиваются они через js:

Вы можете использовать
конструктор клавиатуры из библиотеки vk_api
Да и функция отправки у вас сложная очень, можно вот так

def send_message(peer_id: Union[str, int], message: str = None, attachment=None, keyboard=None) -> None:
	vk.messages.send(peer_id=peer_id, message=message, random_id=random.randint(-2147483648, +2147483647),
					 attachment=attachment, keyboard=keyboard)

попробуйте к стилям добавить !important на конце
Пример:

div {
  color: #fff !important;
}

Полагаю, потому что в основном файле стилей прописаны параметры глобально для тегов. Не думаю, что он дописывает классы, просто банально для тегов задано...

Тут можно грузить свои стили после тех, что использует WP, предварительно сделав ресет, либо как написал коллега выше...

Как-то так, первый попавшийся взял, ресеты разные бывают...

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
 animation-duration: 0.01ms !important;
 animation-iteration-count: 1 !important;
 transition-duration: 0.01ms !important;
 scroll-behavior: auto !important;
  }
}

По сути, это через декораторы aiogram(не единственная библиотека, которая так делает) регистрирует обработчик команд.
Пример такой реализации:

class Bot:
  def __init__(self):
    self.handlers = dict()
    self.on_message = None
  
  def on(self, command):
    def decorator(func):
      self.handlers[command] = func
      return func
    return decorator

  def handle(self, event)
    if event["object"]["message"]["text"] in self.handlers:
      self.handlers[event["object"]["message"]["text"]](event["object"])
    elif self.on_message is not None:
      self.on_message(event["object"])


bot = Bot()

@bot.on("привет")
def hello_handler(msg):
  print(f"Hello: {msg}")
  # Для ответа можете реализовать отдельную функцию, которая обращается к vk_api

def on_message(msg):
  print(msg)

Здесь надо реализовать ещё инициализацию бота, основной цикл и запуск.

Как договорились, так и отдаете. Одно дело продемонстрировать у себя и отдать файлы, другое разворачивать окружение или переносить на существующее.