diff --git a/src/App.vue b/src/App.vue
index a7a5591..59624a2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,34 +4,54 @@
       <el-row :gutter="10">
         <el-col :span="12">
           <el-form-item label="旧数据：">
-            <el-input v-model="oldStr" type="textarea" :autosize="{minRows: 2, maxRows: 15}" placeholder="请输入旧数据"></el-input>
+            <el-input
+              v-model="oldStr"
+              type="textarea"
+              :autosize="{minRows: 2, maxRows: 15}"
+              placeholder="请输入旧数据"
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="新数据：">
-            <el-input v-model="newStr" type="textarea" :autosize="{minRows: 2, maxRows: 15}" placeholder="请输入新数据"></el-input>
+            <el-input
+              v-model="newStr"
+              type="textarea"
+              :autosize="{minRows: 2, maxRows: 15}"
+              placeholder="请输入新数据"
+            ></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="展示效果：">
-            <el-switch v-model="fotmat" active-text="line-by-line" inactive-text="side-by-side"></el-switch>
+            <el-switch
+              v-model="fotmat"
+              active-text="line-by-line"
+              inactive-text="side-by-side"
+            ></el-switch>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="差异化范围：">
-            <el-input-number v-model="context" placeholder=""></el-input-number>
+            <el-input-number
+              v-model="context"
+              placeholder=""
+            ></el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
-    <code-diff :old-string="oldStr" :new-string="newStr" :context="context" :output-format="outputFormat" />
+    <code-diff
+      :old-string="oldStr"
+      :new-string="newStr"
+      :context="context"
+      :output-format="outputFormat"
+    />
   </div>
 </template>
 
 <script>
 import codeDiff from './lib/index.js'
-import oldStr from './date/oldStr'
-import newStr from './date/newStr'
 export default {
   name: 'App',
   components: {
@@ -39,16 +59,28 @@ export default {
   },
   data () {
     return {
-      oldStr,
-      newStr,
+      oldStr: '',
+      newStr: '',
       fotmat: false,
-      context: 5
+      context: 10
     }
   },
   computed: {
     outputFormat () {
       return this.fotmat ? 'line-by-line' : 'side-by-side'
     }
+  },
+  watch: {
+    oldStr (v) {
+      localStorage.setItem('oldStr', v)
+    },
+    newStr (v) {
+      localStorage.setItem('newStr', v)
+    }
+  },
+  mounted () {
+    this.oldStr = localStorage.getItem('oldStr')
+    this.newStr = localStorage.getItem('newStr')
   }
 }
 </script>
diff --git a/src/date/newStr.js b/src/date/newStr.js
deleted file mode 100644
index 8233c38..0000000
--- a/src/date/newStr.js
+++ /dev/null
@@ -1,24 +0,0 @@
-export default `
-'use strict'
-const utils = require('./utils')
-const config = require('../config')
-const isProduction = process.env.NODE_ENV === 'production'
-const sourceMapEnabled = isProduction
-  ? config.build.productionSourceMap
-  : config.dev.cssSourceMap
-
-module.exports = {
-  loaders: utils.cssLoaders({
-    sourceMap: sourceMapEnabled,
-    extract: isProduction
-  }),
-  cssSourceMap: sourceMapEnabled,
-  cacheBusting: config.dev.cacheBusting,
-  transformToRequire: {
-    video: 'src',
-    source: 'src',
-    img: 'src',
-    image: 'xlink:href'
-  }
-}
-`
diff --git a/src/date/oldStr.js b/src/date/oldStr.js
deleted file mode 100644
index f8a5a26..0000000
--- a/src/date/oldStr.js
+++ /dev/null
@@ -1,24 +0,0 @@
-export default `
-'use strict'
-const utils = require('./utils')
-const config = require('../config')
-const isProduction = process.env.NODE_ENV === 'production'
-const sourceMapEnabled = isProduction
-  ? config.build.productionSourceMap
-  : config.dev.cssSourceMap
-
-module.exports = {
-  loaders: utils.cssLoaders({
-    sourceMap: sourceMapEnabled,
-    extract: isProductionSSSS
-  }),
-  cssSourceMap: sourceMapEnabled,
-  cacheBusting: config.dev.cacheBusting,
-  transformToRequire: {
-    video: 'src',
-    source: 'src',
-    img: 'src',
-    image: 'xlink:href'
-  }
-}
-`