Red_Devi1

MX-записи говорят о том на сервер с каким IP адресом должна приходить входящая почта, к исходящим сообщениям это отношения не имеет.
Вероятнее всего, отправленные вами письма попадают в спам. Отправьте тестовое письмо на свой gmail и посмотрите. Если письма в спаме, то наверняка у вас не добавлена SPF запись, которая сообщает серверу получателя с каких IP адресов можно отправлять почту для текущего доменного имени, также это может наблюдаться из-за отсутствия DKIM-подписи

https://www.ukraine.com.ua/wiki/hosting/mail/spf-d...

Сделать можно всё, вопрос лишь зачем... Что мешает сделать так?

v-for='(task, index) in tasks' :key='task.index'  class="increase"

function calcTable(size) {
    const result = [];
    for (let i = 1; i <= size; i++) {
        for (let j = 1; j <= size; j++) {
            result.push(i * j);
        }
        console.log(result);
        result.length = 0;
    }
}

calcTable(15);

Как-то так https://jsfiddle.net/wkac1hqp/16/

Нет желания разбираться в fancybox. Замените $.fancybox.open($("#pop")); на $("#pop").show(); или отройте консоль и исследуйте содержимое на предмет ошибок

"use strict"

let requestCount = 0;

window.addEventListener('scroll', async () => {
	const result = await getComment();

	console.log(result);
});


function getComment() {
	return new Promise(((resolve, reject) => {
		const xhr = new XMLHttpRequest();
		xhr.open('GET', `${document.URL}comments/${requestCount}/`);
		xhr.onload = function () {
			if (xhr.status === XMLHttpRequest.DONE) {
				set_comment(...);
				requestCount++;

				resolve(xhr.response);
			} else {
				reject(xhr.status);
			}
		};
		xhr.send();
	}));
}

Изучите Fetch API, это упростит жизнь

Попробуйте

npm install --save-dev @babel/core @babel/node @babel/preset-env

Исследуйте объект, который возвращает функция useContext()

Напишите просто :key="start.id", а вообще, читайте доку

Если я верно понимаю, что "3 вида страницы" подразумевает различные виды отображения одного и того же контента

<template>
    <component :is="dynamicComponent"
        :someProps="ololoProps"
    />
</template>

<script>
export default {
     name: 'OloloComponent',

     data() {
          return {
                ololoData: 'someShit',
          };
     },

	computed: {
		dynamicComponent() {
			if (someCondition) {
				return () => import('pages/card.vue');
			} else if (someAnotherCondition) {
				return () => import('pages/post.vue'');
			}

			return () => import('pages/tag.vue'');
		},

		ololoProps() {
			return { ololo1: 'testData', ololo2: 'test2' };
		},
	},
}
</script>

Вам не нужно навешивать никаких обработчиков...

https://codepen.io/avosha/pen/LYWBLer?editors=101

<input autofocus>