Антон Антон

Реализовать у c-input метод focus() и вызывать его из "родителя": this.$refs.input.focus()

Что-то типа

select 
  puzzles.* 
from tasks 
  inner join puzzles 
    on tasks.parent_id = :id 
      and tasks.id = puzzles.task_id 
order by rand()
limit 1

если строк, подходящих под отбор по task_id много, то смотри оптимизацию тут: https://habr.com/ru/post/154905/

Если буква отличается от предыдущей, вывести </div><div>, для этого нужна дополнительная переменная, куда нужно запоминать букву текущей итераци для использования в следующей.
Корректно обработать случай первого и последнего элемента массива (в первом случае вывести просто <div>, во втором - </div>).

Скопировать, переключать по брекпоинтам
https://codepen.io/FragsterAt/pen/MWypxqq?editors=1000

https://developer.mozilla.org/ru/docs/Web/API/Even...

и подписку делать с использованием useCapture
https://developer.mozilla.org/ru/docs/Web/API/Even...

Сделать кнопку с type="submit"

может быть что-то типа такого: sqlfiddle.com/#!9/245ed3/101

https://wiki.openstreetmap.org/wiki/Planet, а там и xml отфильтровать можно.

Поздравляю с изобретением аналога csrf токена https://habr.com/ru/post/318748/
Но от ботов он не спасет, нужна капча или какой-то ханейпот типа такого: https://gist.github.com/andrewlimaza/958826feac907...

Model::select(DB::raw('expression as field'))->where('field', '>', $val)

whereBetween('created_at', [$date1, $date2])

https://threejs.org/examples/#webgl_animation_skin...

Я бы заменил два свойства на один объект newItem: {title:'', text:''}, передал бы его в качестве v-model в компонент.
В компоненте что-то типа такого:

...
props:['value'],
data(){return {local: null}},
watch: {
value: {handler(newVal) {this.local=newVal}, deep: true, immediate: true},
local: {handler(newVal) {this.$emit('input', newVal)}, deep: true}
}
...