Reformat codes

web/src/components/BottomNav.vue

@@ -1,10 +1,10 @@
 <template>
   <v-bottom-navigation
+      v-model="activeItem"
       app
+      color="primary"
       fixed
       grow
-      color="primary"
-      v-model="activeItem"
   >
     <v-btn :to="{path: '/'}" value="subscription">
       <span>订阅</span>

web/src/components/FlagOperator.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card class="ml-1 mr-1 mb-1 mt-1">
     <v-card-title>
-      <v-icon left color="primary">flag</v-icon>
+      <v-icon color="primary" left>flag</v-icon>
       国旗
       <v-spacer></v-spacer>
       <v-btn icon @click="$emit('up', idx)">
@@ -15,7 +15,7 @@
       </v-btn>
       <v-dialog>
         <template #activator="{on}">
-          <v-btn icon v-on="on">
+          <v-btn v-on="on" icon>
             <v-icon>help</v-icon>
           </v-btn>
         </template>

web/src/components/ProxyList.vue

@@ -2,21 +2,21 @@
   <v-list>
     <v-list-item v-for="(proxy, idx) in proxies" :key="idx">
       <v-list-item-content>
-        <v-list-item-title v-text="proxy.name" class="wrap-text"></v-list-item-title>
+        <v-list-item-title class="wrap-text" v-text="proxy.name"></v-list-item-title>
         <v-chip-group>
-          <v-chip x-small color="primary" outlined>
+          <v-chip color="primary" outlined x-small>
             <v-icon left x-small>mdi-server</v-icon>
             {{ proxy.type.toUpperCase() }}
           </v-chip>
-          <v-chip x-small v-if="proxy.udp" color="blue" outlined>
+          <v-chip v-if="proxy.udp" color="blue" outlined x-small>
             <v-icon left x-small>mdi-fire</v-icon>
             UDP
           </v-chip>
-          <v-chip x-small v-if="proxy.tfo" color="success" outlined>
+          <v-chip v-if="proxy.tfo" color="success" outlined x-small>
             <v-icon left x-small>mdi-flash</v-icon>
             TFO
           </v-chip>
-          <v-chip x-small v-if="proxy['skip-cert-verify']" color="error" outlined>
+          <v-chip v-if="proxy['skip-cert-verify']" color="error" outlined x-small>
             <v-icon left x-small>error</v-icon>
             SCERT
           </v-chip>
@@ -26,16 +26,16 @@
         <v-row>
           <v-col>
             <v-btn
+                v-if="proxy.type !== 'http'"
                 icon
                 @click="showQRCode(idx)"
-                v-if="proxy.type !== 'http'"
             >
-              <v-icon small color="grey lighten-1">mdi-qrcode</v-icon>
+              <v-icon color="grey lighten-1" small>mdi-qrcode</v-icon>
             </v-btn>
           </v-col>
           <v-col>
             <v-btn icon @click="showInfo(idx)">
-              <v-icon small color="grey lighten-1">mdi-information</v-icon>
+              <v-icon color="grey lighten-1" small>mdi-information</v-icon>
             </v-btn>
           </v-col>
         </v-row>

web/src/components/RegexDeleteOperator.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card class="ml-1 mr-1 mb-1 mt-1">
     <v-card-title>
-      <v-icon left color="primary">code</v-icon>
+      <v-icon color="primary" left>code</v-icon>
       正则删除
       <v-spacer></v-spacer>
       <v-btn icon @click="$emit('up', idx)">
@@ -15,7 +15,7 @@
       </v-btn>
       <v-dialog>
         <template #activator="{on}">
-          <v-btn icon v-on="on">
+          <v-btn v-on="on" icon>
             <v-icon>help</v-icon>
           </v-btn>
         </template>
@@ -38,23 +38,23 @@
           column
       >
         <v-chip
-            close
-            close-icon="mdi-delete"
             v-for="(regex, idx) in regexps"
             :key="idx"
-            @click:close="remove(idx)"
+            close
+            close-icon="mdi-delete"
             @click="edit(idx)"
+            @click:close="remove(idx)"
         >
           {{ regex }}
         </v-chip>
       </v-chip-group>
       <v-text-field
-          placeholder="添加新正则表达式"
-          clearable
-          clear-icon="clear"
-          solo
           v-model="form.regex"
           append-icon="mdi-send"
+          clear-icon="clear"
+          clearable
+          placeholder="添加新正则表达式"
+          solo
           @click:append="add(form.regex)"
           @keyup.enter="add(form.regex)"
       />

web/src/components/RegexFilter.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card class="ml-1 mr-1 mb-1 mt-1">
     <v-card-title>
-      <v-icon left color="primary">filter_list</v-icon>
+      <v-icon color="primary" left>filter_list</v-icon>
       正则过滤
       <v-spacer></v-spacer>
       <v-btn icon @click="$emit('up', idx)">
@@ -15,7 +15,7 @@
       </v-btn>
       <v-dialog>
         <template #activator="{on}">
-          <v-btn icon v-on="on">
+          <v-btn v-on="on" icon>
             <v-icon>help</v-icon>
           </v-btn>
         </template>
@@ -50,23 +50,23 @@
           column
       >
         <v-chip
-            close
-            close-icon="mdi-delete"
             v-for="(regex, idx) in regexps"
             :key="idx"
-            @click:close="remove(idx)"
+            close
+            close-icon="mdi-delete"
             @click="edit(idx)"
+            @click:close="remove(idx)"
         >
           {{ regex }}
         </v-chip>
       </v-chip-group>
       <v-text-field
-          placeholder="添加新正则表达式"
-          clearable
-          clear-icon="clear"
-          solo
           v-model="form.regex"
           append-icon="mdi-send"
+          clear-icon="clear"
+          clearable
+          placeholder="添加新正则表达式"
+          solo
           @click:append="add(form.regex)"
           @keyup.enter="add(form.regex)"
       />

web/src/components/RegexRenameOperator.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card class="ml-1 mr-1 mb-1 mt-1">
     <v-card-title>
-      <v-icon left color="primary">filter_list</v-icon>
+      <v-icon color="primary" left>filter_list</v-icon>
       正则重命名
       <v-spacer></v-spacer>
       <v-btn icon @click="$emit('up', idx)">
@@ -15,7 +15,7 @@
       </v-btn>
       <v-dialog>
         <template #activator="{on}">
-          <v-btn icon v-on="on">
+          <v-btn v-on="on" icon>
             <v-icon>help</v-icon>
           </v-btn>
         </template>
@@ -35,12 +35,12 @@
           column
       >
         <v-chip
-            close
-            close-icon="mdi-delete"
             v-for="(chip, idx) in chips"
             :key="idx"
-            @click:close="remove(idx)"
+            close
+            close-icon="mdi-delete"
             @click="edit(idx)"
+            @click:close="remove(idx)"
         >
           {{ chip }}
         </v-chip>
@@ -48,21 +48,21 @@
       <v-row>
         <v-col>
           <v-text-field
-              placeholder="正则表达式"
-              clearable
-              clear-icon="clear"
-              solo
               v-model="form.regex"
+              clear-icon="clear"
+              clearable
+              placeholder="正则表达式"
+              solo
           />
         </v-col>
         <v-col>
           <v-text-field
-              placeholder="替换为"
-              solo
-              clearable
-              clear-icon="clear"
               v-model="form.replace"
               append-icon="mdi-send"
+              clear-icon="clear"
+              clearable
+              placeholder="替换为"
+              solo
               @click:append="add"
               @keyup.enter="add"
           />

web/src/components/RegexSortOperator.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card class="ml-1 mr-1 mb-1 mt-1">
     <v-card-title>
-      <v-icon left color="primary">sort</v-icon>
+      <v-icon color="primary" left>sort</v-icon>
       正则排序
       <v-spacer></v-spacer>
       <v-btn icon @click="$emit('up', idx)">
@@ -15,7 +15,7 @@
       </v-btn>
       <v-dialog>
         <template #activator="{on}">
-          <v-btn icon v-on="on">
+          <v-btn v-on="on" icon>
             <v-icon>help</v-icon>
           </v-btn>
         </template>
@@ -35,10 +35,10 @@
           column
       >
         <v-chip
-            close
-            close-icon="mdi-delete"
             v-for="(item, idx) in items"
             :key="idx"
+            close
+            close-icon="mdi-delete"
             @click="edit(idx)"
             @click:close="remove(idx)"
         >
@@ -46,12 +46,12 @@
         </v-chip>
       </v-chip-group>
       <v-text-field
-          placeholder="添加新正则表达式"
-          clearable
-          clear-icon="clear"
-          solo
           v-model="form.item"
           append-icon="mdi-send"
+          clear-icon="clear"
+          clearable
+          placeholder="添加新正则表达式"
+          solo
           @click:append="add(form.item)"
           @keyup.enter="add(form.item)"
       />

web/src/components/RegionFilter.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card class="ml-1 mr-1 mb-1 mt-1">
     <v-card-title>
-      <v-icon left color="primary">flag</v-icon>
+      <v-icon color="primary" left>flag</v-icon>
       区域过滤
       <v-spacer></v-spacer>
       <v-btn icon @click="$emit('up', idx)">
@@ -15,7 +15,7 @@
       </v-btn>
       <v-dialog>
         <template #activator="{on}">
-          <v-btn icon v-on="on">
+          <v-btn v-on="on" icon>
             <v-icon>help</v-icon>
           </v-btn>
         </template>
@@ -30,13 +30,13 @@
       </v-dialog>
     </v-card-title>
     <v-card-text>
-      <v-chip-group multiple active-class="primary accent-4" v-model="selection" column>
+      <v-chip-group v-model="selection" active-class="primary accent-4" column multiple>
         <v-chip
-            class="ma-2"
             v-for="region in regions"
-            label
             :key="region.name"
             :value="region.value"
+            class="ma-2"
+            label
         >
           {{ region.name }}
         </v-chip>

web/src/components/ScriptFilter.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card class="ml-1 mr-1 mb-1 mt-1">
     <v-card-title>
-      <v-icon left color="primary">code</v-icon>
+      <v-icon color="primary" left>code</v-icon>
       脚本过滤器
       <v-spacer></v-spacer>
       <v-btn icon @click="$emit('up', idx)">
@@ -15,7 +15,7 @@
       </v-btn>
       <v-dialog>
         <template #activator="{on}">
-          <v-btn icon v-on="on">
+          <v-btn v-on="on" icon>
             <v-icon>help</v-icon>
           </v-btn>
         </template>
@@ -42,12 +42,12 @@
         </v-row>
       </v-radio-group>
       <v-textarea
-          solo
-          clearable
+          v-model="content"
+          :label="hint"
           auto-grow
           clear-icon="clear"
-          :label="hint"
-          v-model="content"
+          clearable
+          solo
       />
     </v-card-text>
   </v-card>

web/src/components/ScriptOperator.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card class="ml-1 mr-1 mb-1 mt-1">
     <v-card-title>
-      <v-icon left color="primary">code</v-icon>
+      <v-icon color="primary" left>code</v-icon>
       脚本操作
       <v-spacer></v-spacer>
       <v-btn icon @click="$emit('up', idx)">
@@ -15,7 +15,7 @@
       </v-btn>
       <v-dialog>
         <template #activator="{on}">
-          <v-btn icon v-on="on">
+          <v-btn v-on="on" icon>
             <v-icon>help</v-icon>
           </v-btn>
         </template>
@@ -42,12 +42,12 @@
         </v-row>
       </v-radio-group>
       <v-textarea
-          clearable
-          clear-icon="clear"
-          solo
-          auto-grow
-          :label="hint"
           v-model="content"
+          :label="hint"
+          auto-grow
+          clear-icon="clear"
+          clearable
+          solo
       />
     </v-card-text>
   </v-card>

web/src/components/SortOperator.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card class="ml-1 mr-1 mb-1 mt-1">
     <v-card-title>
-      <v-icon left color="primary">sort_by_alpha</v-icon>
+      <v-icon color="primary" left>sort_by_alpha</v-icon>
       节点排序
       <v-spacer></v-spacer>
       <v-btn icon @click="$emit('up', idx)">
@@ -15,7 +15,7 @@
       </v-btn>
       <v-dialog>
         <template #activator="{on}">
-          <v-btn icon v-on="on">
+          <v-btn v-on="on" icon>
             <v-icon>help</v-icon>
           </v-btn>
         </template>

web/src/components/SpeedDial.vue

@@ -2,11 +2,11 @@
   <v-fab-transition>
     <v-speed-dial
         v-model="opened"
-        direction="top"
-        left
-        fab
         absolute
         bottom
+        direction="top"
+        fab
+        left
         small
         transition="slide-y-reverse-transition"
     >
@@ -19,14 +19,14 @@
         </v-btn>
       </template>
       <v-btn
-          fab
           color="primary"
+          fab
       >
         <v-icon>mdi-plus</v-icon>
       </v-btn>
       <v-btn
-          fab
           color="primary"
+          fab
       >
         <v-icon>create_new_folder</v-icon>
       </v-btn>
@@ -41,8 +41,6 @@ export default {
       opened: false,
     }
   },
-  computed: {
-
-  }
+  computed: {}
 }
 </script>

web/src/components/TopToolbar.vue

@@ -1,11 +1,11 @@
 <template>
   <div>
     <v-app-bar
-        app
-        fixed
-        :mini-variant="false" :clipped="true"
+        :clipped="true"
+        :mini-variant="false"
+        app fixed
     >
-      <v-toolbar-title><h3>{{title}}</h3></v-toolbar-title>
+      <v-toolbar-title><h3>{{ title }}</h3></v-toolbar-title>
     </v-app-bar>
 
   </div>
@@ -19,8 +19,7 @@ export default {
     }
   },
 
-  methods: {
-  },
+  methods: {},
 
   computed: {
     title: function () {

web/src/components/TypeFilter.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card class="ml-1 mr-1 mb-1 mt-1">
     <v-card-title>
-      <v-icon left color="primary">cloud_circle</v-icon>
+      <v-icon color="primary" left>cloud_circle</v-icon>
       节点类型过滤
       <v-spacer></v-spacer>
       <v-btn icon @click="$emit('up', idx)">
@@ -15,7 +15,7 @@
       </v-btn>
       <v-dialog>
         <template #activator="{on}">
-          <v-btn icon v-on="on">
+          <v-btn v-on="on" icon>
             <v-icon>help</v-icon>
           </v-btn>
         </template>
@@ -30,13 +30,13 @@
       </v-dialog>
     </v-card-title>
     <v-card-text>
-      <v-chip-group multiple active-class="primary accent-4" v-model="selection" column>
+      <v-chip-group v-model="selection" active-class="primary accent-4" column multiple>
         <v-chip
-            class="ma-2"
             v-for="type in types"
-            label
             :key="type.name"
             :value="type.value"
+            class="ma-2"
+            label
         >
           {{ type.name }}
         </v-chip>

web/src/components/base/Card.vue

@@ -1,9 +1,9 @@
 <script>
-  import { VCard } from 'vuetify/lib'
+import {VCard} from 'vuetify/lib'
 
-  export default {
+export default {
   name: 'Card',
 
   extends: VCard
-  }
+}
 </script>

web/src/components/base/Item.vue

@@ -1,10 +1,10 @@
 <template>
   <v-list-item
+      :active-class="`primary ${!isDark ? 'black' : 'white'}--text`"
       :href="href"
       :rel="href && href !== '#' ? 'noopener' : undefined"
       :target="href && href !== '#' ? '_blank' : undefined"
       :to="item.to"
-    :active-class="`primary ${!isDark ? 'black' : 'white'}--text`"
   >
     <v-list-item-icon
         v-if="text"
@@ -13,21 +13,21 @@
     />
 
     <v-list-item-icon v-else-if="item.icon">
-      <v-icon v-text="item.icon" />
+      <v-icon v-text="item.icon"/>
     </v-list-item-icon>
 
     <v-list-item-content v-if="item.title || item.subtitle">
-      <v-list-item-title v-text="item.title" />
+      <v-list-item-title v-text="item.title"/>
 
-      <v-list-item-subtitle v-text="item.subtitle" />
+      <v-list-item-subtitle v-text="item.subtitle"/>
     </v-list-item-content>
   </v-list-item>
 </template>
 
 <script>
-  import Themeable from 'vuetify/lib/mixins/themeable'
+import Themeable from 'vuetify/lib/mixins/themeable'
 
-  export default {
+export default {
   name: 'Item',
 
   mixins: [Themeable],
@@ -65,5 +65,5 @@
       return this.item.href || (!this.item.to ? '#' : undefined)
     }
   }
-  }
+}
 </script>

web/src/components/base/ItemGroup.vue

@@ -1,10 +1,10 @@
 <template>
   <v-list-group
+      :color="barColor !== 'rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7)' ? 'white' : 'grey darken-1'"
       :group="group"
       :prepend-icon="item.icon"
       :sub-group="subGroup"
       append-icon="mdi-menu-down"
-    :color="barColor !== 'rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7)' ? 'white' : 'grey darken-1'"
   >
     <template v-slot:activator>
       <v-list-item-icon
@@ -18,11 +18,11 @@
           class="align-self-center"
           color="grey"
       >
-        <v-img src="https://demos.creative-tim.com/material-dashboard-pro/assets/img/faces/avatar.jpg" />
+        <v-img src="https://demos.creative-tim.com/material-dashboard-pro/assets/img/faces/avatar.jpg"/>
       </v-list-item-avatar>
 
       <v-list-item-content>
-        <v-list-item-title v-text="item.title" />
+        <v-list-item-title v-text="item.title"/>
       </v-list-item-content>
     </template>
 
@@ -44,11 +44,11 @@
 </template>
 
 <script>
-  // Utilities
-  import kebabCase from 'lodash/kebabCase'
-  import { mapState } from 'vuex'
+// Utilities
+import kebabCase from 'lodash/kebabCase'
+import {mapState} from 'vuex'
 
-  export default {
+export default {
   name: 'ItemGroup',
 
   inheritAttrs: false,
@@ -113,7 +113,7 @@
           }).join('|')
     }
   }
-  }
+}
 </script>
 
 <style>

web/src/components/base/ItemSubGroup.vue

@@ -1,13 +1,13 @@
 <template>
   <base-item-group
       :item="item"
-    text
       sub-group
+      text
   />
 </template>
 
 <script>
-  export default {
+export default {
   name: 'ItemSubGroup',
 
   props: {
@@ -21,5 +21,5 @@
       })
     }
   }
-  }
+}
 </script>

web/src/components/base/MaterialAlert.vue

@@ -1,8 +1,8 @@
 <script>
-  // Components
-  import { VAlert, VBtn, VIcon } from 'vuetify/lib'
+// Components
+import {VAlert, VBtn, VIcon} from 'vuetify/lib'
 
-  export default {
+export default {
   name: 'MaterialAlert',
 
   extends: VAlert,
@@ -29,7 +29,7 @@
         }
       }, [
         this.$createElement(VIcon, {
-            props: { color }
+          props: {color}
         }, '$vuetify.icons.cancel')
       ])
     },
@@ -43,12 +43,12 @@
       return true
     }
   }
-  }
+}
 </script>
 
 <style lang="sass">
 
-  .v-alert--material
+.v-alert--material
   margin-top: 32px
 
   .v-alert__icon

web/src/components/base/MaterialCard.vue

@@ -7,11 +7,11 @@
     <div class="d-flex grow flex-wrap">
       <v-avatar
           v-if="avatar"
-        size="128"
           class="mx-auto v-card--material__avatar elevation-12"
           color="grey"
+          size="128"
       >
-        <v-img :src="avatar" />
+        <v-img :src="avatar"/>
       </v-avatar>
 
       <v-sheet
@@ -58,15 +58,15 @@
           v-if="$slots['after-heading']"
           class="ml-6"
       >
-        <slot name="after-heading" />
+        <slot name="after-heading"/>
       </div>
 
       <v-col
           v-if="hoverReveal"
-        cols="12"
           class="text-center py-0 mt-n12"
+          cols="12"
       >
-        <slot name="reveal-actions" />
+        <slot name="reveal-actions"/>
       </v-col>
 
       <div
@@ -81,20 +81,20 @@
       </div>
     </div>
 
-    <slot />
+    <slot/>
 
     <template v-if="$slots.actions">
-      <v-divider class="mt-2" />
+      <v-divider class="mt-2"/>
 
       <v-card-actions class="pb-0">
-        <slot name="actions" />
+        <slot name="actions"/>
       </v-card-actions>
     </template>
   </v-card>
 </template>
 
 <script>
-  export default {
+export default {
   name: 'MaterialCard',
 
   props: {
@@ -146,11 +146,11 @@
       return Boolean(this.$slots.heading || (this.title && this.icon))
     }
   }
-  }
+}
 </script>
 
 <style lang="sass">
-  .v-card--material
+.v-card--material
   &__avatar
     position: relative
     top: -64px

web/src/components/base/MaterialChartCard.vue

@@ -1,8 +1,8 @@
 <template>
   <base-material-card
-    class="v-card--material-chart"
       v-bind="$attrs"
       v-on="$listeners"
+      class="v-card--material-chart"
   >
     <template v-slot:heading>
       <chartist
@@ -21,7 +21,7 @@
         name="reveal-actions"
     />
 
-    <slot />
+    <slot/>
 
     <slot
         slot="actions"
@@ -31,7 +31,7 @@
 </template>
 
 <script>
-  export default {
+export default {
   name: 'MaterialChartCard',
 
   inheritAttrs: false,
@@ -63,11 +63,11 @@
       validator: v => ['Bar', 'Line', 'Pie'].includes(v)
     }
   }
-  }
+}
 </script>
 
 <style lang="sass">
-  .v-card--material-chart
+.v-card--material-chart
   p
     color: #999
 
@@ -87,9 +87,9 @@
     .ct-series-a .ct-line,
     .ct-series-a .ct-bar,
     .ct-series-a .ct-slice-donut
-          stroke: rgba(255,255,255,.8)
+      stroke: rgba(255, 255, 255, .8)
 
     .ct-series-a .ct-slice-pie,
     .ct-series-a .ct-area
-          fill: rgba(255,255,255,.4)
+      fill: rgba(255, 255, 255, .4)
 </style>

web/src/components/base/MaterialDropdown.vue

@@ -1,20 +1,20 @@
 <template>
   <v-menu
       v-model="value"
+      v-bind="$attrs"
       :transition="transition"
       offset-y
-    v-bind="$attrs"
   >
     <template v-slot:activator="{ attrs, on }">
       <v-btn
+          v-bind="attrs"
+          v-on="on"
           :color="color"
           default
           min-width="200"
           rounded
-        v-bind="attrs"
-        v-on="on"
       >
-        <slot />
+        <slot/>
 
         <v-icon>
           mdi-{{ value ? 'menu-up' : 'menu-down' }}
@@ -30,7 +30,7 @@
             @click="$(`click:action-${item.id}`)"
         >
           <v-list-item-content>
-            <v-list-item-title v-text="item.text" />
+            <v-list-item-title v-text="item.text"/>
           </v-list-item-content>
         </v-list-item>
       </v-list>
@@ -39,10 +39,10 @@
 </template>
 
 <script>
-  // Mixins
-  import Proxyable from 'vuetify/lib/mixins/proxyable'
+// Mixins
+import Proxyable from 'vuetify/lib/mixins/proxyable'
 
-  export default {
+export default {
   name: 'MaterialDropdown',
 
   mixins: [Proxyable],
@@ -66,5 +66,5 @@
       default: 'scale-transition'
     }
   }
-  }
+}
 </script>

web/src/components/base/MaterialSnackbar.vue

@@ -1,12 +1,12 @@
 <template>
   <v-snackbar
-    :class="classes"
-    :value="value"
       v-bind="{
       ...$attrs,
       ...$props,
       'color': 'transparent'
     }"
+      :class="classes"
+      :value="value"
       @change="$emit('change', $event)"
   >
     <base-material-alert
@@ -16,15 +16,15 @@
         class="ma-0"
         dark
     >
-      <slot />
+      <slot/>
     </base-material-alert>
   </v-snackbar>
 </template>
 <script>
-  // Components
-  import { VSnackbar } from 'vuetify/lib'
+// Components
+import {VSnackbar} from 'vuetify/lib'
 
-  export default {
+export default {
   name: 'BaseMaterialSnackbar',
 
   extends: VSnackbar,
@@ -48,11 +48,11 @@
       }
     }
   }
-  }
+}
 </script>
 
 <style lang="sass">
-  .v-snackbar--material
+.v-snackbar--material
   margin-top: 32px
   margin-bottom: 32px
 

web/src/components/base/MaterialStatsCard.vue

@@ -1,9 +1,9 @@
 <template>
   <base-material-card
-    :icon="icon"
-    class="v-card--material-stats"
       v-bind="$attrs"
       v-on="$listeners"
+      :icon="icon"
+      class="v-card--material-stats"
   >
     <template v-slot:after-heading>
       <div class="ml-auto text-right">
@@ -19,16 +19,16 @@
     </template>
 
     <v-col
-      cols="12"
         class="px-0"
+        cols="12"
     >
-      <v-divider />
+      <v-divider/>
     </v-col>
 
     <v-icon
         :color="subIconColor"
-      size="16"
         class="ml-2 mr-1"
+        size="16"
     >
       {{ subIcon }}
     </v-icon>
@@ -42,9 +42,9 @@
 </template>
 
 <script>
-  import Card from './Card'
+import Card from './Card'
 
-  export default {
+export default {
   name: 'MaterialStatsCard',
 
   inheritAttrs: false,
@@ -84,7 +84,7 @@
       default: undefined
     }
   }
-  }
+}
 </script>
 
 <style lang="sass">

web/src/components/base/MaterialTabs.vue

@@ -1,22 +1,22 @@
 <template>
   <v-tabs
       v-model="internalValue"
+      v-bind="$attrs"
       :active-class="`${color} ${$vuetify.theme.dark ? 'black' : 'white'}--text`"
       class="v-tabs--pill"
       hide-slider
-    v-bind="$attrs"
   >
-    <slot />
+    <slot/>
 
-    <slot name="items" />
+    <slot name="items"/>
   </v-tabs>
 </template>
 
 <script>
-  // Mixins
-  import Proxyable from 'vuetify/lib/mixins/proxyable'
+// Mixins
+import Proxyable from 'vuetify/lib/mixins/proxyable'
 
-  export default {
+export default {
   name: 'MaterialTabs',
 
   mixins: [Proxyable],
@@ -27,11 +27,11 @@
       default: 'primary'
     }
   }
-  }
+}
 </script>
 
 <style lang="sass">
-  .v-tabs--pill
+.v-tabs--pill
   .v-tab,
   .v-tab:before
     border-radius: 24px

web/src/components/base/MaterialTestimony.vue

@@ -34,12 +34,12 @@
       />
     </v-avatar>
 
-    <div />
+    <div/>
   </v-card>
 </template>
 
 <script>
-  export default {
+export default {
   name: 'BaseMaterialTestimony',
 
   props: {
@@ -60,11 +60,11 @@
       default: ''
     }
   }
-  }
+}
 </script>
 
 <style lang="sass">
-  .v-card--testimony
+.v-card--testimony
   padding-bottom: 72px
   margin-bottom: 64px
 

web/src/components/base/MaterialWizard.vue

@@ -28,18 +28,18 @@
       <v-tab
           v-for="(item, i) in items"
           :key="i"
-        :ripple="false"
           :disabled="!availableSteps.includes(i)"
+          :ripple="false"
       >
         {{ item }}
       </v-tab>
     </v-tabs>
 
-    <div class="my-6" />
+    <div class="my-6"/>
 
     <v-card-text>
       <v-tabs-items v-model="internalValue">
-        <slot />
+        <slot/>
       </v-tabs-items>
     </v-card-text>
 
@@ -54,7 +54,7 @@
         Previous
       </v-btn>
 
-      <v-spacer />
+      <v-spacer/>
 
       <v-btn
           :disabled="!availableSteps.includes(internalValue + 1)"
@@ -69,10 +69,10 @@
 </template>
 
 <script>
-  // Mixins
-  import Proxyable from 'vuetify/lib/mixins/proxyable'
+// Mixins
+import Proxyable from 'vuetify/lib/mixins/proxyable'
 
-  export default {
+export default {
   name: 'BaseMaterialWizard',
 
   mixins: [Proxyable],
@@ -87,11 +87,11 @@
       default: () => ([])
     }
   }
-  }
+}
 </script>
 
 <style lang="sass">
-  .v-card--wizard
+.v-card--wizard
   overflow: visible
 
   .v-tabs-bar

web/src/components/base/Subheading.vue

@@ -11,13 +11,13 @@
     </h5>
 
     <div class="pt-2">
-      <slot />
+      <slot/>
     </div>
   </div>
 </template>
 
 <script>
-  export default {
+export default {
   name: 'Subheading',
 
   props: {
@@ -30,5 +30,5 @@
       default: ''
     }
   }
-  }
+}
 </script>

web/src/components/base/VComponent.vue

@@ -13,10 +13,10 @@
       Please checkout the
       <a
           :href="`https://vuetifyjs.com/${link}`"
-        rel="noopener"
-        target="_blank"
           class="secondary--text"
+          rel="noopener"
           style="text-decoration:none;"
+          target="_blank"
       >
         full documentation
       </a>
@@ -25,7 +25,7 @@
 </template>
 
 <script>
-  export default {
+export default {
   name: 'VComponent',
 
   props: {
@@ -38,5 +38,5 @@
       default: ''
     }
   }
-  }
+}
 </script>

web/src/views/Dashboard.vue

@@ -5,8 +5,7 @@
 <script>
 export default {
   name: "Dashboard",
-  components: {
-  },
+  components: {},
   computed: {
     pie() {
       const total = 400;

web/src/views/SubEditor.vue

@@ -2,30 +2,30 @@
   <v-container>
     <v-card class="mb-4">
       <v-subheader>订阅配置</v-subheader>
-      <v-form class="pl-4 pr-4 pb-0" v-model="formState.basicValid">
+      <v-form v-model="formState.basicValid" class="pl-4 pr-4 pb-0">
         <v-text-field
             v-model="options.name"
-            class="mt-2"
             :rules="validations.nameRules"
-            required
+            class="mt-2"
+            clear-icon="clear"
+            clearable
             label="订阅名称"
             placeholder="填入订阅名称，名称需唯一"
-            clearable
-            clear-icon="clear"
+            required
         />
         <!--For Subscription-->
         <v-textarea
             v-if="!isCollection"
             v-model="options.url"
-            class="mt-2"
-            rows="2"
             :rules="validations.urlRules"
-            required
+            auto-grow
+            class="mt-2"
+            clear-icon="clear"
+            clearable
             label="订阅链接"
             placeholder="填入机场原始订阅链接"
-            clearable
-            auto-grow
-            clear-icon="clear"
+            required
+            rows="2"
         />
         <!--For Collection-->
         <v-list
@@ -36,28 +36,28 @@
           <v-list-item v-for="sub in availableSubs" :key="sub.name">
             <v-list-item-avatar>
               <v-icon v-if="!sub.icon" color="teal darken-1">mdi-cloud</v-icon>
-              <v-img :src="sub.icon" v-else :class="getIconClass(sub.icon)"/>
+              <v-img v-else :class="getIconClass(sub.icon)" :src="sub.icon"/>
             </v-list-item-avatar>
             <v-list-item-content>
               {{ sub.name }}
             </v-list-item-content>
             <v-spacer></v-spacer>
             <v-checkbox
-                :value="sub.name"
                 v-model="selected"
+                :value="sub.name"
                 class="pr-1"
             />
           </v-list-item>
         </v-list>
         <v-textarea
             v-model="options.icon"
+            auto-grow
             class="mt-2"
-            rows="2"
+            clear-icon="clear"
+            clearable
             label="图标链接"
             placeholder="填入想要展示的图标链接，可选。"
-            clearable
-            auto-grow
-            clear-icon="clear"
+            rows="2"
         />
       </v-form>
       <v-card-actions>
@@ -65,9 +65,9 @@
         <v-btn icon @click="save">
           <v-icon>save_alt</v-icon>
         </v-btn>
-        <v-dialog max-width="400px" v-model="showShareDialog">
+        <v-dialog v-model="showShareDialog" max-width="400px">
           <template #activator="{on}">
-            <v-btn icon v-on="on">
+            <v-btn v-on="on" icon>
               <v-icon>cloud_circle</v-icon>
             </v-btn>
           </template>
@@ -82,16 +82,16 @@
             </v-card-title>
             <v-textarea
                 v-model="imported"
-                solo
+                :rules="validations.importRules"
+                clear-icon="clear"
+                clearable
                 label="粘贴配置以导入"
                 rows="5"
-                clearable
-                clear-icon="clear"
-                :rules="validations.importRules"
+                solo
             />
             <v-card-actions>
               <v-spacer></v-spacer>
-              <v-btn text color="primary" @click="importConf">确认</v-btn>
+              <v-btn color="primary" text @click="importConf">确认</v-btn>
               <v-btn text @click="showShareDialog = false">取消</v-btn>
             </v-card-actions>
           </v-card>
@@ -105,8 +105,8 @@
         <v-item-group>
           <v-radio-group
               v-model="options.useless"
-              dense
               class="mt-0 mb-0"
+              dense
           >
             过滤非法节点
             <v-row>
@@ -122,8 +122,8 @@
 
           <v-radio-group
               v-model="options.udp"
-              dense
               class="mt-0 mb-0"
+              dense
           >
             UDP转发
             <v-row>
@@ -141,8 +141,8 @@
 
           <v-radio-group
               v-model="options['skip-cert-verify']"
-              dense
               class="mt-0 mb-0"
+              dense
           >
             跳过证书验证
             <v-row>
@@ -159,8 +159,8 @@
           </v-radio-group>
           <v-radio-group
               v-model="options.tfo"
-              dense
               class="mt-0 mb-0"
+              dense
           >
             TCP Fast Open
             <v-row>
@@ -178,13 +178,13 @@
         </v-item-group>
       </v-form>
     </v-card>
-    <v-card class="mb-4" id="processors">
+    <v-card id="processors" class="mb-4">
       <v-subheader>
         节点操作
         <v-spacer></v-spacer>
-        <v-dialog scrollable v-model="dialog">
+        <v-dialog v-model="dialog" scrollable>
           <template #activator="{on}">
-            <v-btn icon v-on="on">
+            <v-btn v-on="on" icon>
               <v-icon color="primary">add_circle</v-icon>
             </v-btn>
           </template>
@@ -192,9 +192,9 @@
             <v-card-title>选择节点操作</v-card-title>
             <v-divider></v-divider>
             <v-card-text>
-              <v-radio-group dense v-model="selectedProcess">
-                <v-radio v-for="(k, idx) in Object.keys(availableProcessors)" :label="availableProcessors[k].name"
-                         :key="idx" :value="k"></v-radio>
+              <v-radio-group v-model="selectedProcess" dense>
+                <v-radio v-for="(k, idx) in Object.keys(availableProcessors)" :key="idx"
+                         :label="availableProcessors[k].name" :value="k"></v-radio>
               </v-radio-group>
             </v-card-text>
             <v-card-actions>
@@ -207,14 +207,14 @@
 
       </v-subheader>
       <v-divider></v-divider>
-      <component v-for="p in processors"
-                 :is="p.component"
+      <component :is="p.component"
+                 v-for="p in processors"
                  :key="p.id"
                  :args="p.args"
                  @dataChanged="dataChanged"
                  @deleteProcess="deleteProcess"
-                 @up="moveUp"
                  @down="moveDown"
+                 @up="moveUp"
       >
       </component>
     </v-card>
@@ -233,6 +233,7 @@ import FlagOperator from "@/components/FlagOperator";
 import ScriptFilter from "@/components/ScriptFilter";
 import ScriptOperator from "@/components/ScriptOperator";
 import RegexSortOperator from "@/components/RegexSortOperator";
+import HandleDuplicateOperator from "@/components/HandleDuplicateOperator";
 
 const AVAILABLE_PROCESSORS = {
   "Flag Operator": {
@@ -267,6 +268,10 @@ const AVAILABLE_PROCESSORS = {
     component: "RegexDeleteOperator",
     name: "删除正则"
   },
+  "Handle Duplicate Operator": {
+    component: "HandleDuplicateOperator",
+    name: "重复节点处理"
+  },
   "Script Filter": {
     component: "ScriptFilter",
     name: "脚本过滤器"
@@ -297,6 +302,7 @@ export default {
     RegexDeleteOperator,
     ScriptFilter,
     ScriptOperator,
+    HandleDuplicateOperator
   },
   data: function () {
     return {

web/src/views/Subscription.vue

@@ -18,20 +18,20 @@
           >
             <v-list-item-avatar>
               <v-icon v-if="!sub.icon" color="teal darken-1">mdi-cloud</v-icon>
-              <v-img :src="sub.icon" v-else :class="getIconClass(sub.icon)"/>
+              <v-img v-else :class="getIconClass(sub.icon)" :src="sub.icon"/>
             </v-list-item-avatar>
 
             <v-list-item-content>
-              <v-list-item-title v-text="sub.name" class="font-weight-medium"></v-list-item-title>
+              <v-list-item-title class="font-weight-medium" v-text="sub.name"></v-list-item-title>
               <v-list-item-title v-text="sub.url"></v-list-item-title>
             </v-list-item-content>
             <v-list-item-action>
               <v-menu bottom left>
                 <template v-slot:activator="{ on, attrs }">
                   <v-btn
-                      icon
                       v-bind="attrs"
                       v-on="on"
+                      icon
                   >
                     <v-icon>mdi-dots-vertical</v-icon>
                   </v-btn>
@@ -67,24 +67,24 @@
           <v-list-item
               v-for="collection in collections"
               :key="collection.name"
-              @click="preview(collection, type='collection')"
               dense
+              @click="preview(collection, type='collection')"
           >
             <v-list-item-avatar>
               <v-icon v-if="!collection.icon" color="teal darken-1">mdi-cloud</v-icon>
-              <v-img :src="collection.icon" v-else :class="getIconClass(collection.icon)"/>
+              <v-img v-else :class="getIconClass(collection.icon)" :src="collection.icon"/>
             </v-list-item-avatar>
             <v-list-item-content>
-              <v-list-item-title v-text="collection.name" class="font-weight-medium"></v-list-item-title>
+              <v-list-item-title class="font-weight-medium" v-text="collection.name"></v-list-item-title>
               <v-chip-group
                   column
               >
                 <v-chip
                     v-for="subs in collection.subscriptions"
                     :key="subs"
-                    small
                     class="ma-2 ml-0 mr-1 pa-2"
                     label
+                    small
                 >
                   {{ subs }}
                 </v-chip>
@@ -94,9 +94,9 @@
               <v-menu bottom left>
                 <template v-slot:activator="{ on, attrs }">
                   <v-btn
-                      icon
                       v-bind="attrs"
                       v-on="on"
+                      icon
                   >
                     <v-icon>mdi-dots-vertical</v-icon>
                   </v-btn>
@@ -117,7 +117,7 @@
         </v-list>
       </v-card-text>
     </v-card>
-    <v-dialog fullscreen hide-overlay transition="dialog-bottom-transition" v-model="showProxyList" scrollable>
+    <v-dialog v-model="showProxyList" fullscreen hide-overlay scrollable transition="dialog-bottom-transition">
       <v-card fluid>
         <v-toolbar
             class="flex-grow-0"
@@ -135,9 +135,9 @@
           </v-toolbar-items>
           <template v-slot:extension>
             <v-tabs
-                grow
-                centered
                 v-model="tab"
+                centered
+                grow
             >
               <v-tabs-slider color="primary"/>
               <v-tab
@@ -158,10 +158,10 @@
               v-model="tab"
           >
             <v-tab-item key="raw">
-              <proxy-list :url="url" :sub="sub" :raw="true" ref="proxyList" :key="url + 'raw'"></proxy-list>
+              <proxy-list :key="url + 'raw'" ref="proxyList" :raw="true" :sub="sub" :url="url"></proxy-list>
             </v-tab-item>
             <v-tab-item key="processed">
-              <proxy-list :url="url" :sub="sub" ref="proxyList" :key="url"></proxy-list>
+              <proxy-list :key="url" ref="proxyList" :sub="sub" :url="url"></proxy-list>
             </v-tab-item>
           </v-tabs-items>
         </v-card-text>
@@ -185,7 +185,7 @@ export default {
       tab: 1,
       editMenu: [
         {
-          title: "复制",
+          title: "链接",
           action: "COPY"
         },
         {
@@ -197,6 +197,10 @@ export default {
           action: "DELETE"
         },
         // {
+        //   title: "副本",
+        //   action: "DUPLICATE"
+        // }
+        // {
         //   title: "上移",
         //   action: "MOVE_UP"
         // },
@@ -245,7 +249,6 @@ export default {
           this.moveUpSubscription(sub.name);
           break
         case 'MOVE_DOWN':
-
           break
       }
     },

web/src/views/User.vue

@@ -6,7 +6,7 @@
         数据同步
         <v-spacer></v-spacer>
         <v-btn icon @click="openGist()">
-          <v-icon small color="primary">visibility</v-icon>
+          <v-icon color="primary" small>visibility</v-icon>
         </v-btn>
       </v-card-title>
       <v-card-text>
@@ -15,20 +15,20 @@
       <v-divider></v-divider>
       <v-card-actions>
         <v-spacer></v-spacer>
-        <v-btn small
-               :loading="status.uploading"
-               color="blue-grey"
+        <v-btn :loading="status.uploading"
                class="ma-2 white--text"
+               color="blue-grey"
+               small
                @click="sync('upload')">
           上传
           <v-icon right>
             mdi-cloud-upload
           </v-icon>
         </v-btn>
-        <v-btn small
-               :loading="status.downloading"
-               color="blue-grey"
+        <v-btn :loading="status.downloading"
                class="ma-2 white--text"
+               color="blue-grey"
+               small
                @click="sync('download')">
           恢复
           <v-icon right>
@@ -51,18 +51,18 @@
             <v-col>
               <v-row>
                 <v-text-field
-                    label="GitHub 用户名"
-                    hint="填入GitHub用户名"
                     v-model="settings.githubUser"
-                    clearable clear-icon="clear"
+                    clear-icon="clear"
+                    clearable
+                    hint="填入GitHub用户名" label="GitHub 用户名"
                 />
               </v-row>
               <v-row>
                 <v-text-field
-                    label="GitHub Token"
-                    hint="填入GitHub Token"
                     v-model="settings.gistToken"
-                    clearable clear-icon="clear"
+                    clear-icon="clear"
+                    clearable
+                    hint="填入GitHub Token" label="GitHub Token"
                 />
               </v-row>
             </v-col>
@@ -75,9 +75,9 @@
             </v-list-item-content>
             <v-list-item-action>
               <v-switch
-                  label=""
-                  hide-details
                   v-model="settings.theme.darkMode"
+                  hide-details
+                  label=""
               />
             </v-list-item-action>
           </v-list-item>
@@ -86,7 +86,7 @@
       <v-divider></v-divider>
       <v-card-actions>
         <v-spacer></v-spacer>
-        <v-btn small text @click="save()" color="primary">保存</v-btn>
+        <v-btn color="primary" small text @click="save()">保存</v-btn>
       </v-card-actions>
     </v-card>
 
@@ -150,7 +150,7 @@ export default {
       const setLoading = (status) => {
         if (action === 'upload') {
           this.status.uploading = status;
-        } else if (action === 'download'){
+        } else if (action === 'download') {
           this.status.downloading = status;
         }
       }