Алексей Ярков

Если через галп, то как настроить таски?

Что именно не ясно?

https://pugjs.org/api/reference.html
Подключить pug и вот так должно сработать:

import pug from 'pug';

//...
template: pug.render(`span {{ tr(lang).title }} `)

Но я бы не костылил ))

puppeteer

Вполне. А есть сомнения?

1. На любом ли языке они пишутся? (Можно ли написать на JavaScript)

Можно. Они на JavaScript и пишутся.

Можно ли скопировать приложение от другого сайта и модифицировать под свои нужды?

Если репозиторий найдете, то совсем хорошо. Но можно и сорцы установленного расширения поглядеть.

С чего начать чтобы сделать свое приложение?

https://developer.chrome.com/extensions

Делай раз

Делай два

const self = this;
request(params, (err, req, body) => {
      self.result(body, ext);
});

А зачем тут self, если у вас стрелочная функция?

Товарищ Макеев в одном из докладов очень подробно эту ситуацию описывал. Кнопка, если это не ссылка, должна быть button.
Найду ссылку на доклад - обновлю ответ.

Или это делается в графе "Подробное описание"?

Да

https://clipboardjs.com/

Qt попробуйте

А если Api().get?

Вы как доки читали? По диагонали?
this.$root.defineCurPage

localStorage.setItem('items', JSON.stringify(this.items)); // записать
this.items = JSON.parse(localStorage.getItem('items')) || []; // получить

print_greeting
printGreeting
print_hello
printHello

var url = window.location.pathname.split('/')[1]

Да

1. Оформите код как положено, пожалуйста.
2. Прочтите вот это и сравните с тем, что у вас написано.

Вот что заставляет постить код картинками? Капец...
По делу: напишите так -

<span v-if="loadProduct">{{ loadProduct.price }}</span>

function render() {
    res.innerHTML = ''; /// добавь эту строку
    for (let i = 0; i < list.length; i++) {
      res.innerHTML += list[i] + '<br/>';
    }
}