Никто не знает кстати? Есть ли способ в два разных таргета из одного сорса запихать контент?

По дефолту нет.

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

Всем привет.
В nuxt-link я передаю в пропс :to="{path: this.$route.path, query: this.$route.query}" допустим. Есть ли возможность получить ссылку которую генерит роутер, что бы вместо nuxt-link подставить её в <a> ?

можешь попробовать this.$router.resolve()

ссылка на доку
https://router.vuejs.org/ru/api/#router-resolve

Не могу вдуплить
Вот получаю я данные в компоненте с помощью async fetch
И хочу отобразить подгружённые данные на сайте

  async fetch() {
    // Получаем статус дружбы для пользователя в просматриваемом профиле
    let api = this.$store.getters['api/get_user_friends_request_status'](this.user.username)
    
    await this.$axios.get(api).then(response => {
      this.friend_status = response.data
    })
    
    console.log('123')
  },

Но это не работает
И как понимаю всё из-за того, что компонент не знает, что где-то что-то поменялось
В офф документации написано что надо сделать так:

  watch: {
    '$route.query': '$fetch'
  },

, но результата ноль

Я бы использовал asyncData, но он, сука, не работает внутри компонентов

Куда не иди везде грабли какие-то.

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

А в this.friend_status точно данные приходят?

> Но это не работает

не работает в какой момент? когда this.user.username изменилься или когда компонент первично отрисовался?

Что значит не работает? Слишком размытая формулировка)

Да
Весь прикол в том, что если я сижу на странице, редачу код и сохраняю этот код, то nuxt цепляет изменения и всё отображается на этот момент
Но если я открываю профиль внутри браузера, шастаю по ссылкам в рамках этого браузера, то оно ни в какую не хочет
На скринах прямой вывод friend_status

А на что должен реагировать этот компонент? На изменение урла?

То есть вот при первом заходе он загрузился. получил данные и отобразил

А дальше он что должен делать?

В том то и дело, что он не отработал данные и не отобразил ни при первом заходе, ни при каком вообще (за исключением вышеописанного момента)

  async fetch() {
    console.log('Fetch!')
    // Получаем статус дружбы для пользователя в просматриваемом профиле
    let api = this.$store.getters['api/get_user_friends_request_status'](this.user.username)
    
    await this.$axios.get(api).then(response => {
      this.friend_status = response.data
    })

    console.log(this.friend_status)
  },

Выхлоп:
Fetch!
(пустая строка)

Однако если просто тупо чуть чуть меняю код (для формальности, чтобы ide дал сохранить), то nuxt цепляет этого и внезапно выхлоп становится таким каким нужным
Fetch!
out

так ты выводишь в лог вне асинхронной функции