Как защитить переход по Vue Router?

Newcomer_i, бегать в таблицу каждый раз когда происходит переход по роуту, это что-то из будущего или я что-то пропустил.) Выше ссылка на док там все прекрасно написано с примерами. Если юзер авторизовался у вас уже есть его user_id или статус авторизации. Примерно так:

{
            path: '/dashboard',
            name: 'dashboard',
            component: DashboardFrame,
            meta: {
                requiresAuth: true
    }
},

router.beforeEach((to, from, next) => {
    const store = useStore()
    if(to.matched.some(record => record.meta.requiresAuth)) {
        if (store.isAuth) {
        next()
        }else{
        next('/')
        }
    } else {
        next() 
    }
})

Как решить проблему с реализацией проверки логина с использованием setInterval после перезагрузки страницы?

Andy Koshman, ну так это классика, обычно так и происходит.

Как решить проблему с реализацией проверки логина с использованием setInterval после перезагрузки страницы?

Andy Koshman, я не понимаю логику делать это в реактивном приложении. Если приложение загружено то оно загружено, а проверять активность можно во время загрузки/перезагрузки когда проверяется сам статус авторизации. И если время последней активности, в момент загрузки приложения больше часа, то разлогинивать.

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

Почему бы не стрелять в LocalStorage а не в бд. В LocalStorage обновлять время взаимодействия с сервером и по нему сверять. ну или с кукой. Короче стучать по базе каждый раз, такое себе.

Как решить проблему с реализацией проверки логина с использованием setInterval после перезагрузки страницы?

Andy Koshman, обычно проверка на checkLogin происходит в момент логина или в момент перезагрузки приложения. Зачем там таймерами долбить в бэк вообще не понятно. Если время токена авторизации вышло, ну и выбрасывайте его на страницу входа в чем проблема. Направление https://www.youtube.com/watch?v=059fh7Gobho

Почему не обновляются дочерние компоненты при изменении стейта?

Убрать
//const shipments = computed(() => state.shipments);

Изменить
v-for="shipment in state.shipments"

или

Убрать
//const shipments = computed(() => state.shipments);

Добавить:
import { storeToRefs } from 'pinia'
const state = useShipmentsStore();
const { shipments } = storeToRefs(state)

Где хранить информацию об аутентификации Vue?

Если авторизация на серваке проверена и он отдал isAuth true что уже в вашем сторе есть, дальше отсюда и работать и вместо геткуки в роутере также чекать isAuth из стора. При перезагруке приложения isAuth сбросится на false а значит произойдет запрос на сервак для проверки. А данные для проверки могут быть в том же сторе и вытягиваться из LocalStorage. Как-то так

Как заставить бота отправлять сообщения в указанное время?

Я делаю рассылку по времени через крон, вместе с другими задачами которые подвязаны по времени.

Почему не билдится путь к картинке, заданный через переменную vue 3, vite?

5465, на чат гпт стиль смахивают сильно ответы

Почему объект не объект во Vue?

По сути, у вас на нижнем уровне данные поменялись, а родитель не увидел

Это не важно я не добавлял обработку для упрощения

Почему объект не объект во Vue?

вотчеры стоят на data() данные и возвращают измененные данные обратно, это работает и проблема не в этом. А в том что ожидаемые булевые значения не применяются к data() по умолчанию, а принимаются только после создания обьекта через JSON.parse.

По сути, у вас на нижнем уровне данные поменялись, а родитель не увидел

Всмысле не увидел там сейчас все работает, и все всё видят. чтобы увидеть причину нужно изменить значение с "1" на 1 чтобы увидеть в чем проблема. Либо убрать computed-ы и прокинуть пропсы дальше как user.open_widgets это одно и тоже будет.

В каком компоненте получать данные и как лучше передавать их?

"Стор для того и придумали чтобы юзать его где хочется" - такой ответ я на подобный вопрос недавно получал.

Почему не срабатывает такой формат передачи ссылки в кнопку телеграм бота?

Ответы нужно обрабатывать из $data['callback_query']['data'] если параметр callback_data. Если параметр text то ответ обрабатывается из $data['message']['text']. Если нужно просто переходить по ссылка на кнопках, то это ["text"=>"О нас", "url"=>'https://site.co/about']

Какие есть варианты обновлять данные на лету через store Pinia?

iljaGolubev, оу это то что надо) Спасибо

Какие есть варианты обновлять данные на лету через store Pinia?

Это да, просто надо что-то попроще. В общем вычитал что не умеет Vue так делать без посторонней помощи. Так что для мелких деталей можно запустить интервал а для обновления постов или более тяжелых данных придется юзать функции стора при монтировании компонента и добавлять обновленные данные.

Какие есть варианты обновлять данные на лету через store Pinia?

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

Какие есть варианты обновлять данные на лету через store Pinia?

RAX7, это работает для одной вкладки, если рядом за компом будет сидеть юзер и ничего не трогать на его странице интерфейс не обновится. Или вы об этом?

setTimeout(() => {
  store.increment()
}, 1000)

типа событие запускает тот кто его произвел?

Как передать данные из setup() в data() в компоненте Vue?

RAX7, Спасибо, получилось. правда по гайду на En ютубе))

Как передать данные из setup() в data() в компоненте Vue?

Да, это сработало. Спасибо!

Как правильно в vue3 передать событие из дочернего компонента в родительский?

0xD34F Можешь объяснить как здесь значение возвращается в родительский компонент. Просто сам счас с этим столкнулся и не хочу создавать вопрос так как вот он уже ответ здесь. Не понимаю как оно передается и как принимается в род.компоненте. Видно что апдейтит пропсы но не понятно как родитель принимает его.

Как правильно в vue3 передать событие из дочернего компонента в родительский?

defineProps и defineEmits являются макросами компилятора, которые можно использовать только внутри script setup. Их не нужно импортировать, они компилируются при script setup обработке.