feat: auto clear selector

website/src/components/PatternEditor.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { Monaco, EditorWithPanel } from './editors'
-import { shallowRef, watchEffect, provide, inject } from 'vue'
+import { shallowRef, watchEffect, provide, inject, watch } from 'vue'
 import PatternNode from './dump/PatternNode.vue'
 import { highlightKey, PatternTree, Pos } from './dump/dumpTree'
 import { langLoadedKey, usePattern } from './astGrep'
 import { dumpPattern } from 'ast-grep-wasm'
 import PatternConfig from './PatternConfig.vue'
 import Error from './utils/Error.vue'
 
-defineProps({
+const props = defineProps({
   language: {
     type: String,
     default: 'javascript'
@@ -40,6 +40,10 @@ watchEffect(() => {
   }
 })
 
+watch(() => [query.value, props.language], () => {
+  selector.value = ''
+})
+
 let cursorPosition = shallowRef<Pos>()
 provide(highlightKey, e => {
   highlights.value = [e]