From 89ed485e70d07d3ac2a5f91902ad9a34ec098c2f Mon Sep 17 00:00:00 2001
From: Kazumi Inada <hello@nandenjin.com>
Date: Fri, 24 Jan 2025 10:35:37 +0900
Subject: [PATCH] =?UTF-8?q?Revert=20"feat:=20=E3=83=95=E3=82=A1=E3=82=A4?=
 =?UTF-8?q?=E3=83=AB=E3=83=94=E3=83=83=E3=82=AB=E3=83=BC=E3=81=A7=E3=81=AE?=
 =?UTF-8?q?=E3=82=A4=E3=83=B3=E3=83=9D=E3=83=BC=E3=83=88=E6=A9=9F=E8=83=BD?=
 =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0=20(#10)"=20(#11)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 04b03375a46e3866555c12ea2331708153ebb07b.
---
 src/components/ControlUI.vue        | 19 -------------------
 src/components/DragDropImporter.vue |  6 +++++-
 src/store/data.ts                   |  9 ---------
 3 files changed, 5 insertions(+), 29 deletions(-)

diff --git a/src/components/ControlUI.vue b/src/components/ControlUI.vue
index eaa7893..aa77893 100644
--- a/src/components/ControlUI.vue
+++ b/src/components/ControlUI.vue
@@ -6,7 +6,6 @@
       <template #loading>クリップボードを読み取り中……</template>
       <template #completed>クリップボードからインポートしました</template>
     </ButtonWithState>
-    <button @click="importFromFile">ファイルからインポート</button>
     <button
       @click="
         confirm('リセットすると入力中のすべてのデータが破棄されます。') &&
@@ -37,24 +36,6 @@ const importFromClipboard = async () => {
     .map((line) => line.split('\t'))
   book.value = b
 }
-
-const importFromFile = async (event: Event) => {
-  const input = event.target as HTMLInputElement
-  if (!input.files?.length) return
-
-  const file = input.files[0]
-  const reader = new FileReader()
-  reader.onload = (e) => {
-    const text = (e.target?.result as string) || ''
-    try {
-      dataStore.importCSVString(text)
-    } catch (error) {
-      alert('ファイルを正しく読み取ることができませんでした。正しいファイルが選択されているか確認してください。');
-      console.error('Error importing CSV:', error)
-    }
-  }
-  reader.readAsText(file)
-}
 </script>
 
 <style scoped>
diff --git a/src/components/DragDropImporter.vue b/src/components/DragDropImporter.vue
index a433c23..751bba7 100644
--- a/src/components/DragDropImporter.vue
+++ b/src/components/DragDropImporter.vue
@@ -5,8 +5,11 @@
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted } from 'vue'
 import { useDataStore } from '../store/data'
+import { storeToRefs } from 'pinia'
+import { parse as parseCSV } from 'papaparse'
 
 const dataStore = useDataStore()
+const { book } = storeToRefs(dataStore)
 
 const isDragging = ref(false)
 
@@ -24,7 +27,8 @@ const onDrop = (e: DragEvent) => {
     const reader = new FileReader()
     reader.addEventListener('load', (e) => {
       const text = e.target?.result as string
-      dataStore.importCSVString(text)
+      const { data } = parseCSV<string[]>(text)
+      book.value = data
     })
     reader.readAsText(files[0])
   }
diff --git a/src/store/data.ts b/src/store/data.ts
index 61117d4..34f6c78 100644
--- a/src/store/data.ts
+++ b/src/store/data.ts
@@ -2,7 +2,6 @@ import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
 import { Transaction, TransactionCategory } from '../types/transaction'
 import { replaceFullWidthWithHalfWidth } from '../lib/string'
-import { parse as parseCSV } from 'papaparse'
 
 /** 仕訳に応じて収支のセルの値を選択し返す
  *
@@ -173,11 +172,6 @@ export const useDataStore = defineStore('data', () => {
     )
   }
 
-  const importCSVString = (csvString: string) => {
-    const { data } = parseCSV<string[]>(csvString)
-    book.value = data
-  }
-
   return {
     /** 団体名 */
     orgName,
@@ -232,8 +226,5 @@ export const useDataStore = defineStore('data', () => {
 
     /** ストアを初期状態を戻す */
     reset,
-
-    /** CSV文字列をパースしてbookに設定する */
-    importCSVString,
   }
 })