Как на клиенте определить время жизни токена JWT?

не надо ничего проверять на клиенте. если нужно проверить токен делайте пинг на сервер.

Как повесить директиву в рендер функции?

jeruthadam, но в моем фиддле изначально была последняя версия)

Как повесить директиву в рендер функции?

jeruthadam, а если так? return [...this.$slots.default]

Как повесить директиву в рендер функции?

jeruthadam, кидайте код директивы

Как передать в slot компонент?

Валерий В., >А Test подключаю к root как метод экземпляра через прототип

чет это для меня уже высшая математика какая-то пошла), ни разу не видел чтобы компоненты регистрировали через прототип, боюсь тут вам не помогу, либо я просто не до конца понимаю ваших замыслов

Как передать в slot компонент?

Валерий В., я имел ввиду полный пример, где видно как вы связываете some и root. вообще store, router и прочее добро нужно подключать в том конструкторе который вы монтируете в #app. т.е. как то так и вот так

Не нарушила БЭМ ( или можно лучше)?

olya_097, нуууу сойдет наверное. хотя как по мне - когда у вас более одного раза повторяется один и тот же элемент блока - это значит что лучше этот элемент выделить в отдельную сущность

Не нарушила БЭМ ( или можно лучше)?

olya_097, ну вот у вас есть два блока - foo и bar. bar нужно вложить в foo. как это сделать?

можно так:

<div class="foo">

  <div class="foo__element">
    <div class="bar">
      <div class="bar__element"></div>
    </div>
  </div>
  
  <div class="foo__element">
    <div class="bar">
      <div class="bar__element"></div>
    </div>
  </div>
  
  <div class="foo__element">
    <div class="bar">
      <div class="bar__element"></div>
    </div>
  </div>
  
  <div class="foo__element">
    <div class="bar">
      <div class="bar__element"></div>
    </div>
  </div>
  
</div>

а можно использовать микс:

spoiler

<div class="foo">

  <div class="bar foo__element">
    <div class="bar__element"></div>
  </div>
  
  <div class="bar foo__element">
    <div class="bar__element"></div>
  </div>
  
  <div class="bar foo__element">
    <div class="bar__element"></div>
  </div>
  
  <div class="bar foo__element">
    <div class="bar__element"></div>
  </div>
  
</div>

с помощью миксов в некоторых случаях можно экономить теги

Не нарушила БЭМ ( или можно лучше)?

olya_097, никак. нет 100% правильного бэма, у каждого он свой. в ответе я написал так, как бы это сделал я

Как передать в slot компонент?

Валерий В., приведите пример, а то я под конец дня уже торможу)

Не нарушила БЭМ ( или можно лучше)?

вы либо там с вложенностью тегов опечатались, либо какой-то странный у вас бэм

Как передать в slot компонент?

Валерий В., например вот так хранилище доступно. а у вас как?

Как переписать компонент в более функциональном виде?

jeruthadam,

КАК ПЕРЕПИСАТЬ

scoped-слоты.

либо юзайте $slots.default вместе с рендер функцией. ну по крайней мере я бы так сделал. может сейчас сюда заглянет vue-ninja более прошареный чем я и посоветует более подходящий для вас вариант)

Как передать в slot компонент?

Валерий В., ну первое что пришло в голову.

Как переписать компонент в более функциональном виде?

jeruthadam,

хочу делать в компоненте

тогда зачем вам слот?

стили, классы, директивы - все это нельзя на слот вешать

Как переписать компонент в более функциональном виде?

scoped-слоты. не?

Как подставить значение в input при получении запроса?

danilr, это тоже самое что и обычные геттеры/сеттеры в js. если вкратце: set() вызовется когда мы выполним присваивание к свойству userName, get - когда чтение этого св-ва.

data() {
  return {
    bar: 5
  }
}
computed: {
  foo: {
    get() {
      return this.bar
    },
    set(value) {
      this.bar = value
    }
  }
}
...

console.log(this.foo) //чтение
console.log(this.bar) //5
this.foo = 7 //присваивание
console.log(this.foo) //7
console.log(this.bar) //7

Как подставить значение в input при получении запроса?

зачем вы инпут привязали к локальному стэйту, если у вас все добро в хранилище лежит?

Авторизация vuejs?

куки и так на сервер автоматически отправляются с запросом

Что лучше изучать CSS Grid, bootstrap или flexbox?

гриды и флексы обязательно. буцтрап по требованию