diff --git a/src/options/App.vue b/src/options/App.vue
index 1397ad1..511ee5f 100644
--- a/src/options/App.vue
+++ b/src/options/App.vue
@@ -63,7 +63,7 @@
 								<md-table-cell class="cell-type">{{t('rule_' + r.ruleType)}}</md-table-cell>
 								<md-table-cell class="cell-action">
 									<md-button class="with-icon group-button" @click="onChangeRuleGroup(r)"><md-icon class="iconfont icon-playlist-add"></md-icon><span>{{t('group')}}</span></md-button>
-									<md-button class="with-icon edit-button" @click="onEditRule(r)" :disabled="!isSuppoerStreamFilter && r.ruleType === 'modifyReceiveBody'"><md-icon class="iconfont icon-edit"></md-icon><span>{{t('edit')}}</span></md-button>
+									<md-button class="with-icon edit-button" @click="onEditRule(r)" :disabled="!isSupportStreamFilter && r.ruleType === 'modifyReceiveBody'"><md-icon class="iconfont icon-edit"></md-icon><span>{{t('edit')}}</span></md-button>
 									<md-button class="with-icon clone-button" @click="onCloneRule(r)"><md-icon class="iconfont icon-content-copy"></md-icon><span>{{t('clone')}}</span></md-button>
 									<md-button class="with-icon view-button" @click="onViewRule(r)"><md-icon class="iconfont icon-search"></md-icon><span>{{t('view')}}</span></md-button>
 									<md-button class="with-icon delete-button" @click="onRemoveRule(r)"><md-icon class="iconfont icon-delete"></md-icon><span>{{t('delete')}}</span></md-button>
@@ -190,7 +190,7 @@
 									<md-radio class="md-primary" v-model="edit.ruleType" value="redirect" :disabled="!edit.ruleTypeEditable">{{t('rule_redirect')}}</md-radio>
 									<md-radio class="md-primary" v-model="edit.ruleType" value="modifySendHeader"	:disabled="!edit.ruleTypeEditable">{{t('rule_modifySendHeader')}}</md-radio>
 									<md-radio class="md-primary" v-model="edit.ruleType" value="modifyReceiveHeader"	:disabled="!edit.ruleTypeEditable">{{t('rule_modifyReceiveHeader')}}</md-radio>
-									<md-radio class="md-primary" v-model="edit.ruleType" value="modifyReceiveBody"	:disabled="!edit.ruleTypeEditable || !isSuppoerStreamFilter">{{t('rule_modifyReceiveBody')}}</md-radio>
+									<md-radio class="md-primary" v-model="edit.ruleType" value="modifyReceiveBody"	:disabled="!edit.ruleTypeEditable || !isSupportStreamFilter">{{t('rule_modifyReceiveBody')}}</md-radio>
 								</div>
 							</div>
 							<div class="form-group">
@@ -403,7 +403,7 @@ displayOptions.forEach(it => initOptions[it] = false);
 export default {
 	data() {
 		return {
-			isSuppoerStreamFilter: utils.IS_SUPPORT_STREAM_FILTER,
+			isSupportStreamFilter: utils.IS_SUPPORT_STREAM_FILTER,
 			isLoadingRules: true,
 			isShowEdit: false,
 			isBatch: false,