src/views/Chat/CharacterForm.vue

@@ -10,9 +10,29 @@
       <v-spacer />
       <v-toolbar-title>{{ isEdit ? '캐릭터 수정' : '캐릭터 등록' }}</v-toolbar-title>
       <v-spacer />
-      <v-btn small outlined color="primary" @click="exportToJson">JSON 다운로드</v-btn>
+      <v-btn
-      <input ref="importInput" type="file" accept="application/json,.json" style="display:none" @change="onImportFileChange" />
+        small
-      <v-btn small color="primary" class="ml-2" @click="$refs.importInput.click()">JSON 업로드</v-btn>
+        outlined
+        color="primary"
+        @click="exportToJson"
+      >
+        JSON 다운로드
+      </v-btn>
+      <input
+        ref="importInput"
+        type="file"
+        accept="application/json,.json"
+        style="display:none"
+        @change="onImportFileChange"
+      >
+      <v-btn
+        small
+        color="primary"
+        class="ml-2"
+        @click="$refs.importInput.click()"
+      >
+        JSON 업로드
+      </v-btn>
     </v-toolbar>
 
     <v-container>