Merge pull request #525 from traversable/zod-camel-snake-stackblitz

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'
@@ -508,7 +511,10 @@ console.log(
 - [`zx.deepSnakeCaseCodec`](https://github.com/traversable/schema/tree/main/packages/zod#zxdeepsnakecasecodec)
 
 
-### `zx.deepCamelCaseCodec` (🔬)
+### `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.
 
@@ -517,6 +523,9 @@ Convert a zod schema into a codec that **decodes any objects's keys to camel cas
 
 #### 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'
@@ -603,7 +612,10 @@ console.log(
 - [`zx.convertCaseCodec`](https://github.com/traversable/schema/tree/main/packages/zod#zxconvertcasecodec)
 
 
-### `zx.deepSnakeCaseCodec` (🔬)
+### `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.
 
@@ -612,6 +624,9 @@ Convert a zod schema into a codec that **decodes any objects's keys to snake cas
 
 #### 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❳', () => {