kimumu-asia

import * as yup from 'yup';

import {
  IMAGE_APP_REQUIRED_MESSAGE,
  STATION_NAME_EXCEED_MAX_LENGTH_MESSAGE,
  STATION_NAME_REQUIRED_MESSAGE,
  TYPE_NUMBER_REQUIRED_MESSAGE,
  WEIGHTED_REQUIRED_MESSAGE,
} from '#/common/const/errorMessages';

kimumu-asia

import {
  FormLabel,
  FormControl,
  FormErrorMessage,
  useTheme,
} from '@chakra-ui/react';
import { Control, Controller, FieldError } from 'react-hook-form';
import { OptionTypeBase, StylesConfig } from 'react-select';
import ReactAsyncSelect, { AsyncProps } from 'react-select/async';

kimumu-asia

| 명칭 | 추천도 | 특징 |
|:---|:---:|---:|
| ElementUI | ★★★☆☆ | 부품을 위한 UI 프레임워크. 확장성이 좋으나 반응형 지원하지 않음 |
| Vuetify | ★★★★★ | Material 디자인 컴포넌트를 제공하며 모바일 환경에 최적화된 반응형을 지원함 |
| Bootstrap Vue	 | ★★★★★ | Bootstrap을 Vue에서 편리하게 사용가능 + 비교적 쉬운 난이도로 UI framekwork 초심자 및 기존 부트스트랩v4를 사용중인 프로젝트에 추천 |

kimumu-asia

// VeeValidate
// [API] https://baianat.github.io/vee-validate/
// frontend/src/importer/veeValidator.js
import Vue from 'vue'
import VeeValidate, { Validator } from 'vee-validate'

Vue.use(VeeValidate, {})