docs(zod): adds StackBlitz for zx.convertCaseCodec, zx.deepCamelCaseCodec and zx.deepSnakeCaseCodec

Author: ahrjarrett

.changeset/wise-beans-sip.md

@@ -0,0 +1,5 @@
+---
+"@traversable/zod": patch
+---
+
+docs(zod): adds StackBlitz for `zx.convertCaseCodec`, `zx.deepCamelCaseCodec` and `zx.deepSnakeCaseCodec`

packages/zod/README.md

@@ -438,6 +438,9 @@ Convert a zod schema into a codec that applies a bi-directional **key transforma
 
 #### Example
 
+> [!NOTE]
+> You can play with this example on [StackBlitz](https://stackblitz.com/edit/traversable-zod-snakecase-camelcase?file=test%2Fdemo.test.ts&initialPath=__vitest__/)
+
 ```typescript
 import * as z from 'zod'
 import { zx } from '@traversable/zod'
@@ -510,13 +513,19 @@ console.log(
 
 ### `zx.deepCamelCaseCodec` (🔬)
 
+> [!WARN]
+> Support for this feature is **experimental**.
+
 Convert a zod schema into a codec that **decodes any objects's keys to camel case** and **encode any object's keys to snake case**, recursively.
 
 > [!NOTE]
 > This feature was implemented in terms of [`zx.convertCaseCodec`](https://github.com/traversable/schema/tree/main/packages/zod#zxconvertcasecodec).
 
 #### Example
 
+> [!NOTE]
+> You can play with this example on [StackBlitz](https://stackblitz.com/edit/traversable-zod-snakecase-camelcase?file=test%2Fdemo.test.ts&initialPath=__vitest__/)
+
 ```typescript
 import * as z from 'zod'
 import { zx } from '@traversable/zod'
@@ -605,13 +614,19 @@ console.log(
 
 ### `zx.deepSnakeCaseCodec` (🔬)
 
+> [!WARN]
+> Support for this feature is **experimental**.
+
 Convert a zod schema into a codec that **decodes any objects's keys to snake case** and **encode any object's keys to camel case**, recursively.
 
 > [!NOTE]
 > This feature was implemented in terms of [`zx.convertCaseCodec`](https://github.com/traversable/schema/tree/main/packages/zod#zxconvertcasecodec).
 
 #### Example
 
+> [!NOTE]
+> You can play with this example on [StackBlitz](https://stackblitz.com/edit/traversable-zod-snakecase-camelcase?file=test%2Fdemo.test.ts&initialPath=__vitest__/)
+
 ```typescript
 import * as z from 'zod'
 import { zx } from '@traversable/zod'

packages/zod/test/convert-case-codec.test.ts

@@ -1,9 +1,6 @@
 import * as vi from 'vitest'
 import { z } from 'zod'
 import { zx } from '@traversable/zod'
-import prettier from '@prettier/sync'
-
-const format = (src: string) => prettier.format(src, { parser: 'typescript', printWidth: 60 })
 
 vi.describe('〖⛳️〗‹‹‹ ❲@traversable/zod❳', () => {
   vi.test('〖⛳️〗› ❲camelCase❳', () => {