Virtual List added for history section.

pages/index.vue

@@ -168,7 +168,7 @@
             <label for="time">Time</label>
             <input name="time" type="text" readonly :value="entry.time">
           </li>
-            <liclass="method-list-item">
+          <li class="method-list-item">
             <label for="method">Method</label>
             <input name="method" type="text" readonly
                    :value="entry.method" :class="findEntryStatus(entry).className" :style="{'--status-code': entry.status}">
@@ -199,6 +199,7 @@
 
 <script>
   import VirtualList from 'vue-virtual-scroll-list'
+  import section from "../components/section";
 
   const statusCategories = [
     {name: 'informational', statusCodeRegex: new RegExp(/[1][0-9]+/), className: 'info-response'},
@@ -223,14 +224,11 @@
 
   const findStatusGroup = responseStatus => statusCategories.find(status => status.statusCodeRegex.test(responseStatus));
 
-      import section from "../components/section";
-
   export default {
       components: {
       'pw-section': section,
       VirtualList
     },
-
       data () {
           return {
               method: 'GET',
@@ -301,12 +299,13 @@
                             key,
                             value
                         }) => `${key}=${encodeURIComponent(value)}`).join('&')
-              return result == '' ? '' : `?${result}`
+              return result === '' ? '' : `?${result}`
           }
       },
       methods: {
           findEntryStatus(entry){
-            return findStatusGroup(entry.status);
+            let foundStatusGroup = findStatusGroup(entry.status);
+            return foundStatusGroup || {className: ''};
           },
           deleteHistory(entry) {
               this.history.splice(this.history.indexOf(entry), 1)
@@ -332,19 +331,6 @@
             if (this.$refs.response.$el.classList.contains('hidden')) {
               this.$refs.response.$el.classList.toggle('hidden')
             }
-            let now = new Date();
-            const n = now.toLocaleTimeString()
-              this.history = [{
-                  millis: now.getTime(),
-                  time: n,
-                  method: this.method,
-                  url: this.url,
-                  path: this.path
-              }, ...this.history]
-              window.localStorage.setItem('history', JSON.stringify(this.history))
-              if (this.$refs.response.classList.contains('hidden')) {
-                  this.$refs.response.classList.toggle('hidden')
-              }
             this.$refs.response.$el.scrollIntoView({
               behavior: 'smooth'
             })