From 341a91254304195529cfe74d7f6927e9c9ad27cc Mon Sep 17 00:00:00 2001
From: HerringtonDarkholme
 <2883231+HerringtonDarkholme@users.noreply.github.com>
Date: Sun, 15 Sep 2024 15:53:02 -0400
Subject: [PATCH] feat: auto clear selector

---
 website/src/components/PatternEditor.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/website/src/components/PatternEditor.vue b/website/src/components/PatternEditor.vue
index e5fac4fa..0a410598 100644
--- a/website/src/components/PatternEditor.vue
+++ b/website/src/components/PatternEditor.vue
@@ -1,6 +1,6 @@
 <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'
@@ -8,7 +8,7 @@ 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]