docs: add advanced skills for Vitest, Pinia, and Vue built-ins

Add comprehensive reference documentation for:
- Vitest: environments, projects/workspaces, type testing, vi utilities
- Pinia: HMR, Nuxt integration, SSR setup
- Vue: built-in components (Transition, Teleport, Suspense, KeepAlive) and advanced directives

.agents/skills/vueuse-functions/references/onClickOutside.md

@@ -0,0 +1,228 @@
+---
+category: Sensors
+---
+
+# onClickOutside
+
+Listen for clicks outside of an element. Useful for modals or dropdowns.
+
+## Usage
+
+```vue
+<script setup lang="ts">
+import { onClickOutside } from '@vueuse/core'
+import { useTemplateRef } from 'vue'
+
+const target = useTemplateRef('target')
+
+onClickOutside(target, event => console.log(event))
+</script>
+
+<template>
+  <div ref="target">
+    Hello world
+  </div>
+  <div>Outside element</div>
+</template>
+```
+
+### Return Value
+
+By default, `onClickOutside` returns a `stop` function to remove the event listeners.
+
+```ts
+const stop = onClickOutside(target, handler)
+
+// Later, stop listening
+stop()
+```
+
+### Controls
+
+If you need more control over triggering the handler, you can use the `controls` option. This returns an object with `stop`, `cancel`, and `trigger` functions.
+
+```ts
+const { stop, cancel, trigger } = onClickOutside(
+  modalRef,
+  (event) => {
+    modal.value = false
+  },
+  { controls: true },
+)
+
+// cancel prevents the next click from triggering the handler
+cancel()
+
+// trigger manually fires the handler
+trigger(event)
+
+// stop removes all event listeners
+stop()
+```
+
+### Ignore Elements
+
+Use the `ignore` option to prevent certain elements from triggering the handler. Provide elements as an array of Refs or CSS selectors.
+
+```ts
+const ignoreElRef = useTemplateRef('ignoreEl')
+
+onClickOutside(
+  target,
+  event => console.log(event),
+  { ignore: [ignoreElRef, '.ignore-class', '#ignore-id'] },
+)
+```
+
+### Capture Phase
+
+By default, the event listener uses the capture phase (`capture: true`). Set `capture: false` to use the bubbling phase instead.
+
+```ts
+onClickOutside(target, handler, { capture: false })
+```
+
+### Detect Iframe Clicks
+
+Clicks inside an iframe are not detected by default. Enable `detectIframe` to also trigger the handler when focus moves to an iframe.
+
+```ts
+onClickOutside(target, handler, { detectIframe: true })
+```
+
+## Component Usage
+
+```vue
+<template>
+  <OnClickOutside :options="{ ignore: [/* ... */] }" @trigger="count++">
+    <div>
+      Click Outside of Me
+    </div>
+  </OnClickOutside>
+</template>
+```
+
+## Directive Usage
+
+```vue
+<script setup lang="ts">
+import { vOnClickOutside } from '@vueuse/components'
+import { shallowRef } from 'vue'
+
+const modal = shallowRef(false)
+function closeModal() {
+  modal.value = false
+}
+</script>
+
+<template>
+  <button @click="modal = true">
+    Open Modal
+  </button>
+  <div v-if="modal" v-on-click-outside="closeModal">
+    Hello World
+  </div>
+</template>
+```
+
+You can also set the handler as an array to set the configuration items of the instruction.
+
+```vue
+<script setup lang="ts">
+import { vOnClickOutside } from '@vueuse/components'
+import { shallowRef, useTemplateRef } from 'vue'
+
+const modal = shallowRef(false)
+
+const ignoreElRef = useTemplateRef('ignoreEl')
+
+const onClickOutsideHandler = [
+  (ev) => {
+    console.log(ev)
+    modal.value = false
+  },
+  { ignore: [ignoreElRef] },
+]
+</script>
+
+<template>
+  <button @click="modal = true">
+    Open Modal
+  </button>
+
+  <div ref="ignoreElRef">
+    click outside ignore element
+  </div>
+
+  <div v-if="modal" v-on-click-outside="onClickOutsideHandler">
+    Hello World
+  </div>
+</template>
+```
+
+## Type Declarations
+
+```ts
+export interface OnClickOutsideOptions<
+  Controls extends boolean = false,
+> extends ConfigurableWindow {
+  /**
+   * List of elements that should not trigger the event,
+   * provided as Refs or CSS Selectors.
+   */
+  ignore?: MaybeRefOrGetter<(MaybeElementRef | string)[]>
+  /**
+   * Use capturing phase for internal event listener.
+   * @default true
+   */
+  capture?: boolean
+  /**
+   * Run handler function if focus moves to an iframe.
+   * @default false
+   */
+  detectIframe?: boolean
+  /**
+   * Use controls to cancel/trigger listener.
+   * @default false
+   */
+  controls?: Controls
+}
+export type OnClickOutsideHandler<
+  T extends OnClickOutsideOptions<boolean> = OnClickOutsideOptions,
+> = (
+  event:
+    | (T["detectIframe"] extends true ? FocusEvent : never)
+    | (T["controls"] extends true ? Event : never)
+    | PointerEvent,
+) => void
+export type OnClickOutsideReturn<Controls extends boolean = false> =
+  Controls extends false
+    ? Fn
+    : {
+        stop: Fn
+        cancel: Fn
+        trigger: (event: Event) => void
+      }
+/**
+ * Listen for clicks outside of an element.
+ *
+ * @see https://vueuse.org/onClickOutside
+ * @param target
+ * @param handler
+ * @param options
+ */
+export declare function onClickOutside<T extends OnClickOutsideOptions>(
+  target: MaybeComputedElementRef,
+  handler: OnClickOutsideHandler<T>,
+  options?: T,
+): Fn
+export declare function onClickOutside<T extends OnClickOutsideOptions<true>>(
+  target: MaybeComputedElementRef,
+  handler: OnClickOutsideHandler<T>,
+  options: T,
+): {
+  stop: Fn
+  cancel: Fn
+  trigger: (event: Event) => void
+}
+```