chore: add watchEffect and script setup example

tests/components/ScriptSetup_WatchEffect.vue

@@ -0,0 +1,22 @@
+<template>
+  <div v-if="hasContent">
+    <div id="contentInfo" />
+  </div>
+
+  <div v-else>
+    <div id="noContent" />
+  </div>
+</template>
+
+<script setup>
+import { ref, watchEffect, inject } from 'vue'
+
+const type = inject('someType')
+const hasContent = ref(false)
+
+watchEffect(() => {
+  if (type === 'content') {
+    hasContent.value = true
+  }
+})
+</script>

tests/features/ScriptSetup_ToRefsInject.spec.ts

@@ -1,7 +1,7 @@
 import { mount } from '../../src'
 import ScriptSetup_ToRefsInject from '../components/ScriptSetup_ToRefsInject.vue'
 
-it('', async () => {
+it('toRefs and inject work with script setup', async () => {
   const wrapper = mount(ScriptSetup_ToRefsInject, {
     props: {
       title: 'Some title'

tests/features/ScriptSetup_WatchEffect.spec.ts

@@ -0,0 +1,12 @@
+import { mount } from '../../src'
+import ScriptSetup_WatchEffect from '../components/ScriptSetup_WatchEffect.vue'
+
+it('watchEffect works with script setup', () => {
+  const wrapper = mount(ScriptSetup_WatchEffect, {
+    global: {
+      provide: { someType: 'content' }
+    }
+  })
+
+  expect(wrapper.find('#contentInfo').exists()).toBe(true)
+})