Aetae

Ты собственно не вернул промис. Нет return из метода next.)

Так работает this в javascript. Если утрировать, то this внутри функции, это то, что стоит перед точкой при вызове этой функции.
Делая так Example.prototype.set_value = 30; вы получаете this === Example.prototype и, соответственно, пишете туда значение.
Если вы хотите записать значение в newExample, пишите newExample.set_value = 30.
Всё просто.

Есть много способов, но мне нравится вот такой трюк.

Потому что <configurator :is-loading="true"/>:)

Не привязывать к id? 0_o

const app1 = new Vue({
  el: ".container-1",
})
const app2 = new Vue({
  el: ".container-2",
})
...

1. Перед return поставьте if(!gif) return null; и станет лучше.)
Собсно суть логична: вы сами написали что gif может быть undefined, попытка получения свойства у undefined(gif.<some>) - очевидная ошибка.
Вы должны заранее обработать такой случай и принять меры.

object в современном ts занчит просто {} без всяких свойств. Если вам нужен любой объект с любыми свойствами, то используйте Record<string, any>. Однако по хорошему никаких any быть не должно, вам следует чётко описать структуру получаемого объекта.

2. Ничего не понятно. useOnScreen - это нестандартных хук. Реализаций в гугле полно разных. Так что приведите его код и скажите, что вы хотите от него добиться.

Ты понимаешь, что в кавычки `` кладётся простой текст, а в this.showInfo у тебя функция?
Это не заработает никогда.
Почему это работает в .vue файлах внутри <template>? Потому что .vue - это не .js, это отдельный формат файла, использующий отдельный микроязык шаблонов, который компилируется в js.

Простой, но плохой, вариант - использовать обычный html onclick указывающий на пошареную глобально функцию.
Сложный вариант - сложный, надо думать и для начала разбираться с echarts - может что по-проще можно сотворить.

...upd:
Да, можно сделать проще если почитать доки:
Текст не нужен, tooltip formatter может возвращать HTMLElement и HTMLElement[].
А значит можно просто сделать примерно так:

formatter: (params) => {
  const span = document.createElement('span');
  span.onclick = this.showInfo;
  span.textContent = 'Ask Price';

  return [
    span,
    document.createTextNode(`: ${params.value[0]}`),
    document.createElement('br'),
    document.createTextNode(`Duration:  ${params.value[1]}`),
  ]
}

Можно даже намутить отдельно-стоящий vue-компонент, но не нужно.

Отдельный приватный пакет с компонентами - это само собой, в vue-cli есть возможность билдить либу из коробки.

А так всё упирается в архитектуру. Просто(*играет бровями*) продумай своё решение так, чтоб его удобно было кастомизировать. Универсального решения нет. Главное помни все возможности Vue - миксины(или extends), слоты, пропсы, события, provide\inject и делай с расчётом на них.)

Вообще это делается просто так:

type C = {
    type: string
}

type Gen = <T extends C | C[]>(a: T) => T

const gen: Gen = (a) => {
    return a
}

Если надо что-то более сложное с возвратным значением сделать, то так:

type Gen = <T extends C | C[]>(a: T) => T extends C[] ? 1 : 2

>браузер
Какой, , браузер? Хром, Осёл, Фокс? А может древняя опера тебя радует?
Очевидно что такие технические вещи, не относящиеся к веб-стандартам, имеют совершенно разные решения в зависимости от конкретного приложения.
Например в firefox есть параметр командной строки предназначенный специально для этого:
--kiosk URL. Для других браузеров потрудитесь нагуглить сами.

Именно так и работает блокировщик. Избегайте "ad" в любых названиях.
И это ещё хорошо, что ваш случай так очевиден, бывают и куда печальнее ситуации. Например один из стандартных фильтров блокирует картинки размером 370x<не помню>. Просто потому что часто именно такого размера рекламный банер. Случайно сделал такой размер и попал.)

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

Очевидное - невероятное: делаем раз - v-if=false, на странице нет никаких элементов, делаем два - для data-toggle="tooltip" элементов(которых нет) активируем возможность всплывашек, делаем три - v-if=true появляется свежий элемент который ни о чём не подозревает.

Не мешайте в кучу совершенно разные подходы. Если пишете на vue - не трогайте ничего внутри vue извне. Пишите на jquery - не приплетайте vue. Если вам кровь из носу надо использовать jquery совместно с vue - делайте это не извне, а изнутри: создайте компонент-обёртку типа b-tooltip в котором на mounted активируйте ваш jquery.tooltip().
Кстати за вас это давно сделано в bootstrap-vue.