AnnaZVL

<script setup>
import { computed, ref, watch } from 'vue';

import IconAvatar from '@/components/Ui/Svg/IconAvatar.vue';
import StandartLoader from '@/components/Ui/Loaders/StandartLoader.vue';

import avatarColors from '@/constants/avatarColors.js';

const props = defineProps({
    user: {

AnnaZVL

const {
    email,
    setEmail,
    isValid: isEmailValid,
    errorMessage: emailError,
    validate: validEmail,
} = useValidEmail();

const { password, isPasswordValid, passwordError, validate: validatePassword } = useValidPassword();

AnnaZVL

<script setup lang="ts">
import { computed, type Component } from 'vue';
import type { ComponentsBuilder } from '../../constants/fieldsList';

type InputType = 'text' | 'password' | 'email' | 'checkbox' | 'string' | 'number' | 'select' | 'multiCheckbox'

type ButtonType = 'button' | 'submit' | 'reset'

type TextType = 'title' | 'descr'

AnnaZVL

import { defineStore } from "pinia";
import { useUserStore } from "./userStore";
import { ref } from "vue";
import router from "../router";

import { PATH_TASK } from "../constants/pathWebSocket";

export const useTaskStore = defineStore("taskStore", () => {
    const currentTask = ref({})
    const taskWebSocket = ref(null);

AnnaZVL

import { createApp, defineComponent, h } from 'vue';
import ModalBase from '@/components/Ui/Modals/ModalBase.vue';
import router from '../router';

export function useModal() {
    return ( content, props = {}, modalBaseProps = {} ) => {
        const container = document.createElement('div');        
        document.body.appendChild(container);
        
        const modalApp = createApp(