build: bootstrap-vue-3

- tiptap/CustomImage 정의 문제 수정
- useToast() 관련 문제 수정

hwe/ts/components/BettingDetail.vue

@@ -118,12 +118,13 @@
     </div>
 </template>
 
-<script setup lang="ts">import { BettingInfo, ToastType } from '@/defs';
-import { SammoAPI, ValidResponse } from "@/SammoAPI";
+<script setup lang="ts">
+import type { BettingInfo, ToastType } from '@/defs';
+import { SammoAPI, type ValidResponse } from "@/SammoAPI";
 import { joinYearMonth } from '@/util/joinYearMonth';
 import { parseYearMonth } from '@/util/parseYearMonth';
 import { isString, range, sum } from 'lodash';
-import { ref, defineProps, defineEmits, PropType, watch } from "vue";
+import { ref, defineProps, defineEmits, type PropType, watch } from "vue";
 
 type BettingDetailResponse = ValidResponse & {
     bettingInfo: BettingInfo;

hwe/ts/components/BoardArticle.vue

@@ -46,12 +46,12 @@
   </div>
 </template>
 <script lang="ts">
-import { BoardArticleItem } from "@/PageBoard.vue";
+import type { BoardArticleItem } from "@/PageBoard.vue";
 import BoardComment from "@/components/BoardComment.vue";
-import { defineComponent, PropType } from "vue";
+import { defineComponent, type PropType } from "vue";
 import axios from "axios";
 import { convertFormData } from "@util/convertFormData";
-import { InvalidResponse } from "@/defs";
+import type { InvalidResponse } from "@/defs";
 export default defineComponent({
   name: "BoardArticle",
   components: {

hwe/ts/components/BoardComment.vue

@@ -6,8 +6,8 @@
   </div>
 </template>
 <script lang="ts">
-import { BoardCommentItem } from "@/PageBoard.vue";
-import { defineComponent, PropType } from "vue";
+import type { BoardCommentItem } from "@/PageBoard.vue";
+import { defineComponent, type PropType } from "vue";
 
 export default defineComponent({
   name: "BoardComment",

hwe/ts/components/BottomBar.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { defineComponent, type PropType } from "vue";
 import "@scss/game_bg.scss";
 
 export default defineComponent({

hwe/ts/components/ChiefReservedCommand.vue

@@ -145,7 +145,7 @@
 <script lang="ts">
 import addMinutes from "date-fns/esm/addMinutes";
 import { stringifyUrl } from "query-string";
-import { defineComponent, PropType } from "vue";
+import { defineComponent, type PropType } from "vue";
 import { formatTime } from "@util/formatTime";
 import { joinYearMonth } from "@util/joinYearMonth";
 import { mb_strwidth } from "@util/mb_strwidth";
@@ -156,26 +156,13 @@ import VueTypes from "vue-types";
 import DragSelect from "@/components/DragSelect.vue";
 import { isString } from "lodash";
 import { SammoAPI } from "@/SammoAPI";
+import type { ChiefResponse, CommandItem, TurnObj } from "@/defs";
 
-type commandItem = {
-  value: string;
-  title: string;
-  compensation: number;
-  simpleName: string;
-  possible: boolean;
-  reqArg: boolean;
-  searchText?: string;
-};
 
 /*declare const commandList: {
   category: string;
   values: commandItem[];
 }[];*/
-type TurnObj = {
-  action: string;
-  brief: string;
-  arg: null | [] | Record<string, number | string | number[] | string[]>;
-};
 
 type TurnObjWithTime = TurnObj & {
   time: string;
@@ -210,12 +197,7 @@ export default defineComponent({
       required: true,
     },
     commandList: {
-      type: Object as PropType<
-        {
-          category: string;
-          values: commandItem[];
-        }[]
-      >,
+      type: Object as PropType<ChiefResponse['commandList']>,
       required: true,
     },
   },
@@ -431,7 +413,7 @@ export default defineComponent({
       }
     }
 
-    const invCommandMap: Record<string, commandItem> = {};
+    const invCommandMap: Record<string, CommandItem> = {};
     for(const category of this.commandList){
       for(const command of category.values){
         invCommandMap[command.value] = command;

hwe/ts/components/DragSelect.vue

@@ -20,7 +20,7 @@ import {
   watch,
   onMounted,
   onBeforeUnmount,
-  PropType,
+  type PropType,
 } from "vue";
 import VueTypes from "vue-types";
 

hwe/ts/components/MapLegacyTemplate.vue

@@ -45,8 +45,8 @@
 </template>
 <script lang="ts">
 import "@/../css/map.css";
-import { reloadWorldMap, loadMapOption, MapCityParsed } from "@/map";
-import { defineComponent, onMounted, PropType, ref } from "vue";
+import { reloadWorldMap, type loadMapOption, type MapCityParsed } from "@/map";
+import { defineComponent, onMounted, type PropType, ref } from "vue";
 import { v4 as uuidv4 } from "uuid";
 export type { MapCityParsed };
 export default defineComponent({

hwe/ts/components/TipTap.vue

@@ -89,7 +89,7 @@
         :value="
           colorConvert(editor.getAttributes('textStyle').color, '#ffffff')
         "
-        @input="editor.chain().focus().setColor($event.target.value).run()"
+        @input="editor.chain().focus().setColor(($event.target as HTMLInputElement).value).run()"
         v-b-tooltip.hover
         title="글자색"
       />
@@ -103,7 +103,7 @@
           )
         "
         @input="
-          editor.chain().focus().setBackgroundColor($event.target.value).run()
+          editor.chain().focus().setBackgroundColor(($event.target as HTMLInputElement).value).run()
         "
         v-b-tooltip.hover
         title="배경색"
@@ -176,7 +176,7 @@
     <b-button-toolbar>
       <b-button-group class="mx-1">
         <b-button
-          @click="editor.chain().focus().setImage({ size: 'small' }).run()"
+          @click="editor.chain().focus().setImageEx({ size: 'small' }).run()"
           :class="{
             'is-active': editor.isActive('custom-image', {
               size: 'small',
@@ -188,7 +188,7 @@
           >1/4</b-button
         >
         <b-button
-          @click="editor.chain().focus().setImage({ size: 'medium' }).run()"
+          @click="editor.chain().focus().setImageEx({ size: 'medium' }).run()"
           :class="{
             'is-active': editor.isActive('custom-image', {
               size: 'medium',
@@ -200,7 +200,7 @@
           >1/2</b-button
         >
         <b-button
-          @click="editor.chain().focus().setImage({ size: 'large' }).run()"
+          @click="editor.chain().focus().setImageEx({ size: 'large' }).run()"
           :class="{
             'is-active': editor.isActive('custom-image', {
               size: 'large',
@@ -212,7 +212,7 @@
           >1</b-button
         >
         <b-button
-          @click="editor.chain().focus().setImage({ size: 'original' }).run()"
+          @click="editor.chain().focus().setImageEx({ size: 'original' }).run()"
           :class="{
             'is-active': editor.isActive('custom-image', {
               size: 'original',
@@ -224,7 +224,7 @@
       <b-button-group class="mx-1">
         <b-button
           @click="
-            editor.chain().focus().setImage({ align: 'float-left' }).run()
+            editor.chain().focus().setImageEx({ align: 'float-left' }).run()
           "
           :class="{
             'is-active': editor.isActive('custom-image', {
@@ -236,7 +236,7 @@
           ><i class="bi bi-chevron-bar-left"></i
         ></b-button>
         <b-button
-          @click="editor.chain().focus().setImage({ align: 'left' }).run()"
+          @click="editor.chain().focus().setImageEx({ align: 'left' }).run()"
           :class="{
             'is-active': editor.isActive('custom-image', {
               float: 'left',
@@ -247,7 +247,7 @@
           ><i class="bi bi-align-start"></i
         ></b-button>
         <b-button
-          @click="editor.chain().focus().setImage({ align: 'center' }).run()"
+          @click="editor.chain().focus().setImageEx({ align: 'center' }).run()"
           :class="{
             'is-active': editor.isActive('custom-image', {
               float: 'center',
@@ -258,7 +258,7 @@
           ><i class="bi bi-align-center"></i
         ></b-button>
         <b-button
-          @click="editor.chain().focus().setImage({ align: 'right' }).run()"
+          @click="editor.chain().focus().setImageEx({ align: 'right' }).run()"
           :class="{
             'is-active': editor.isActive('custom-image', {
               float: 'right',
@@ -270,7 +270,7 @@
         ></b-button>
         <b-button
           @click="
-            editor.chain().focus().setImage({ align: 'float-right' }).run()
+            editor.chain().focus().setImageEx({ align: 'float-right' }).run()
           "
           :class="{
             'is-active': editor.isActive('custom-image', {
@@ -356,7 +356,7 @@ import { v4 as uuidv4 } from "uuid";
 import { unwrap } from "@/util/unwrap";
 import { getBase64FromFileObject } from "@/util/getBase64FromFileObject";
 import { isObject, isString } from "lodash";
-import { AxiosError } from "axios";
+import type { AxiosError } from "axios";
 import { SammoAPI } from "@/SammoAPI";
 
 const compoment = defineComponent({
@@ -373,6 +373,7 @@ const compoment = defineComponent({
   },
   emits: ["ready", "update:modelValue"],
   methods: {
+    unwrap,
     chooseImage(e: Event) {
       const target = unwrap(e.target) as HTMLInputElement;
       this.imageUploadFiles = target.files;

hwe/ts/components/TopBackBar.vue

@@ -26,7 +26,7 @@
 
 <script lang="ts">
 import "@scss/game_bg.scss";
-import { defineComponent, PropType } from "vue";
+import { defineComponent, type PropType } from "vue";
 
 export default defineComponent({
   name: "TopBackBar",