vue36 전화번호로 Firebase에 인증하기 with Vue3 2024. 1. 17. Tiptap 사용방법 https://tiptap.dev/docs/editor/installation/vue3 Vue.js 3 WYSIWYG – Tiptap tiptap.dev 1. 설치하기 $ npm install @tiptap/vue-3 @tiptap/pm @tiptap/starter-kit 2. script setup에서 사용하기 - components/tiptap/TiptapEditor.vue 3. 컴포넌트 추가하기 4. 예제코드 5. placeholder extension 추가 $ npm install @tiptap/extension-placeholder 6. 최종코드 추가 Extension $ npm install @tiptap/extension-link $ npm install @tiptap/extension-im.. 2024. 1. 16. VueUse [비동기 상태 관리] https://vueuse.org/ VueUse Collection of essential Vue Composition Utilities vueuse.org 1. axios install $ npm i axios 2. 함수 생성 import { useAsyncState } from '@vueuse/core'; const { isLoading, error, execute } = useAsyncState(handleSignInEmail, null, { immediate: false, throwError: true, onSuccess: () => { $q.notify('환영합니다 :)'); emit('closeDialog'); }, onError: (err) => { $q.notify({ type: 'nega.. 2024. 1. 16. Quasar with Error handler (validate-rules) 1. setup $ quasar new boot error-handler 2. quasar.config.js EDIT boot: [ 'firebase', 'error-handler', // 추가 ], 3. boot/error-handler.js import { boot } from 'quasar/wrappers'; import { Notify } from 'quasar'; import { getErrorMessage } from 'src/utils/firebase/error-message'; export default boot(async ({ app }) => { app.config.errorHandler = (err, instance, info) => { console.log('### app.confi.. 2024. 1. 16. 이전 1 2 다음