Дмитрий Кузнецов

Изучите как можно подробней Vue. Nuxt - это почти то же самое что и Vue, но со своими особенностями. Без знаний первого - сложно будет работать со вторым.

Да, вы можете это сделать через JS.
Если обрабатывать данные не нужны (не используется backend), то просто при нажатии кнопки получаете данные с инпутов, сохраняете (не обязательно) и выводите там, где хотите.
Если же нужно обработать данные, например, через PHP, то посредством Ajax отправляете на сервер, а ответ уже выводите там, где надо.

Нашёл подобный вопрос: Как получить данные с input?

border radius gradient попробуйте

Перед $this->hasMany напишите return!

Вам даже в ошибке это сказано!

Чисто моя теория:
1. При вставке ссылки (http/https) отрабатывает скрипт. Скрипт парсит данную ссылку.
2. Если ссылка ведёт к какому-нибудь популярному сайту, например, тот же ютуб, то он получает его идентификатор видео.
3. По API или ещё как-то он получает это видео и вставляет iframe какой-нибудь (у ютуба вроде есть свой iframe, точно не помню).
4. После этот Iframe вставляется чуть ниже сообщения, как на скриншоте.
Вроде всё. Есть конечно проблемы - как, например, сохранять такое же форматирование, но это другая уже тема.

А при чём тут вебпак и т.п.? Вы скидываете по идеи исходники + сбилденный проект. Если заказчику нужно будет что-то внести в код, то он напишет в исходниках.
А если же вы ему даёте только готовый код, значит от платил только за готовый. Цены по идеи должны быть разными:
Готовый проект = одна цена
Исходники + готовый проект = цена > чем у готового проекта