feat(webui): book import path is saved to local storage

komga-webui/src/plugins/persisted-state.ts

@@ -28,6 +28,7 @@ export const persistedModule: Module<any, any> = {
       sort: {},
       route: {},
     },
+    importPath: '',
   },
   getters: {
     getCollectionFilter: (state) => (id: string) => {
@@ -89,5 +90,8 @@ export const persistedModule: Module<any, any> = {
     setLibraryRoute(state, {id, route}) {
       state.library.route[id] = route
     },
+    setImportPath(state, val) {
+      state.importPath = val ?? ''
+    },
   },
 }

komga-webui/src/views/BookImport.vue

@@ -11,6 +11,7 @@
       <v-col>
         <v-text-field
           v-model="importPath"
+          clearable
           :label="$t('book_import.field_import_path')"
         />
       </v-col>
@@ -127,7 +128,6 @@ export default Vue.extend({
     selected: [] as number[],
     selectedSeries: undefined as SeriesDto | undefined,
     payloads: [] as BookImportDto[],
-    importPath: '',
     transientBooks: [] as TransientBookDto[],
     copyMode: CopyMode.HARDLINK,
     importFinished: false,
@@ -146,6 +146,14 @@ export default Vue.extend({
         else this.selected = []
       },
     },
+    importPath: {
+      get: function (): string {
+        return this.$store.state.persistedState.importPath
+      },
+      set: function (val: string): void {
+        this.$store.commit('setImportPath', val)
+      },
+    },
     copyModes(): object[] {
       return [
         {text: this.$t('enums.copy_mode.HARDLINK').toString(), value: CopyMode.HARDLINK},