Alex Alc

Нашёл решение, хотя и не до конца вникал как оно работает, думаю кому-то может пригодиться. Но отмечу что использование множественных компонентов поверх blade шаблона это ситуативное решение, не всегда стоит его придерживаться, и уж точно не регистрировать все компоненты на каждой странице.
нужно заменить
import {createApp} from 'vue'
на
import {createApp} from 'vue/dist/vue.esm-bundler'
в итоге получим

import {createApp} from 'vue/dist/vue.esm-bundler'
import App from './components/App.vue';
const app = createApp({});
app.component('App', App);
app.mount("#app");

контент внутри #app сохраняется, <App></App> успешно отрисовывается как компонент.

Я бы предположил что в файлах настроек хрома стоит пункт "только для чтения" стоит проверить этот момент.
Так-же попробовать запустить хром с правами администратора.

Сам сглупил, присваивал итоговому файлу изначально заданное расширение, проверки описанной в моём примере достаточно, во всяком случае если задать явное преобразование в конкретный формат, или же выяснить настоящий тип файла методом extension();

Нашёл решение, явно указать допустимые подключения:
enabledTransports:['ws','wss']

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