fix: Update README and add example for using tag

Author: thetarnav

packages/match/README.md

@@ -28,21 +28,40 @@ Control-flow component for matching discriminated union (tagged union) members.
 
 ```tsx
 type MyUnion = {
-  kind: 'foo',
-  foo:  'foo-value',
+  kind: "foo",
+  foo:  "foo-value",
 } | {
-  kind: 'bar',
-  bar:  'bar-value',
+  kind: "bar",
+  bar:  "bar-value",
 }
 
-const [value, setValue] = s.createSignal<MyUnion>({kind: 'foo', foo: 'foo-value'})
+const [value, setValue] = createSignal<MyUnion>({kind: "foo", foo: "foo-value"})
 
 <Match on={value()} case={{
   foo: v => <>{v().foo}</>,
   bar: v => <>{v().bar}</>,
 }} />
 ```
 
+### Changing the tag key
+
+The default tag key is `"kind"`, but it can be changed with the `tag` prop:
+
+```tsx
+type MyUnion = {
+  type: "foo",
+  foo:  "foo-value",
+} | {
+  type: "bar",
+  bar:  "bar-value",
+}
+ 
+<Match on={value()} tag="type" case={{
+  foo: v => <>{v().foo}</>,
+  bar: v => <>{v().bar}</>,
+}} />
+```
+
 ## Demo
 
 [Deployed example](https://primitives.solidjs.community/playground/match) | [Source code](https://github.com/solidjs-community/solid-primitives/tree/main/packages/match/dev)

packages/match/src/index.ts

@@ -13,7 +13,7 @@ import { type Accessor, type JSX, createMemo } from "solid-js"
  *   bar:  'bar-value',
  * }
  * 
- * const [value, setValue] = s.createSignal<MyUnion>({kind: 'foo', foo: 'foo-value'})
+ * const [value, setValue] = createSignal<MyUnion>({kind: 'foo', foo: 'foo-value'})
  * 
  * <Match on={value()} case={{
  *   foo: v => <>{v().foo}</>,