use a separate file for store

Author: wxiaoguang

web_src/js/components/DiffFileTree.vue

@@ -14,9 +14,10 @@
 </template>
 
 <script>
-import DiffFileTreeItem, {store} from './DiffFileTreeItem.vue';
+import DiffFileTreeItem from './DiffFileTreeItem.vue';
 import {doLoadMoreFiles} from '../features/repo-diff.js';
 import {toggleElem} from '../utils/dom.js';
+import {store} from './DiffFileTreeStore.js';
 
 const {pageData} = window.config;
 const LOCAL_STORAGE_KEY = 'diff_file_tree_visible';

web_src/js/components/DiffFileTreeItem.vue

@@ -40,11 +40,7 @@
 
 <script>
 import {SvgIcon} from '../svg.js';
-import {reactive} from 'vue';
-
-export const store = reactive({
-  selectedItem: '',
-});
+import {store} from './DiffFileTreeStore.js';
 
 export default {
   components: {SvgIcon},

web_src/js/components/DiffFileTreeStore.js

@@ -0,0 +1,5 @@
+import {reactive} from 'vue';
+
+export const store = reactive({
+  selectedItem: '',
+});