Владимир Коротенко

function fallbackCopyTextToClipboard (text) {
    var textArea = document.createElement('textarea')
    textArea.value = text

    // Avoid scrolling to bottom
    textArea.style.top = '0'
    textArea.style.left = '0'
    textArea.style.position = 'fixed'

    document.body.appendChild(textArea)
    textArea.focus()
    textArea.select()

    try {
      var successful = document.execCommand('copy')
      var msg = successful ? 'successful' : 'unsuccessful'
      console.log('Fallback: Copying text command was ' + msg)
    } catch (err) {
      console.error('Fallback: Oops, unable to copy', err)
    }

    document.body.removeChild(textArea)
  }
  function copyTextToClipboard (text) {
    if (!navigator.clipboard) {
      fallbackCopyTextToClipboard(text)
      return
    }
    navigator.clipboard.writeText(text).then(function () {
      // console.log('Async: Copying to clipboard was successful!')
    }, function (err) {
      console.error('Async: Could not copy text: ', err)
    })
  }

 copyTextToClipboard(val)

https://firebase.google.com/docs/storage/web/uploa...
ничего сложного

У вас идет повтор 3 раза. Вынесите это в отдельный компонент, в компоненте высшего уровня просто прочитайте значения и сформируйте json

Ваш скрипт выдает невалидный json, где то не происходит экранирование

{"message": "что то "тебе понравиться, давай быстрей" "}

Воспользуйтесь вот этим советом https://it-blackcat.blogspot.com/2019/11/string-va...

Далее вырезал эту вашу историю, поржав перед этим, data содержит обычный js обьект

var json = `{"message": "success", "posts": {"17": "n", "16": "\u042f \u0441 \u043a\u043e\u043d\u0441\u043e\u043b\u0438", "15": "I'm from CLI", "14": "I'm from CLI", "13": "I'm from CLI", "11": "\u0421\u0430\u043b\u043e 2", "8": "\u0421\u0430\u043b\u043e", "7": "Hello world", "6": "Hello world", "5": "Hello world", "4": "Hello world", "3": "Hello world", "2": "32", "1": "jrtu"}}
`
var data = JSON.parse(json)
console.log(data)

UPD: если вы не с хероку будете запускать то получите ошибку CORS при использовании fetch или любого другого запроса из JS
примеры запроса
https://developer.mozilla.org/en-US/docs/Web/API/F...

bar data = await this.$api.disclosure.fetch()

Внутри правда axios но можно и на фетч переделать. Самое главное максимально похоже на синхронный код и нет калбэков и промисов

нужно переписать код. обратитесь к специалистам

Инпут это дом так что никак стандартно но можно их создавать динамически и потом пихать в FormData а вот с форм датой можно извращаться сколько угодно загляните ко мне в гитхаб там есть пример

localStorage

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

var phone = document.getElementById("phone").value;
var name = document.getElementById("name").value;

const json = {
            "phone": phone,
            "name": name
};

Ok Google nodejs login example

Трешовый вопрос . Наверно стоит начать с изучения http фронт запрашивает что то по адресу используя один из методов get put delete бэк что то возвращает, на фронте вы парсите в идеале и фронт и бэк можно поменять. Так в чем ваш вопрос?

Как вариант по useragent

Хм оказывается есть такое https://github.com/matomo-org/device-detector

Вам только создать табличку соответствия устройство - фича которыя есть у вас запускать/нет

Сделайте так. В таблицу пишите рэндомный пароль для пользователей вошедших через соц сети.
И как то учитывайте этот момент при смене пароля.
А то меня вчера игра не пустила по входу через гугл

прочти у кнута

publ.lib.ru/ARCHIVES/K/KNUT_Donal'd_Ervin/_Knut_D....