Merge pull request #12 from ssssota/bumpup-doc

docs: bumpup

Author: ssssota

packages/svelte-jsx-snippet/README.md

@@ -37,7 +37,6 @@ For example: `MyComponent.svelte`
 
 ```jsx
 import MyComponent from "./MyComponent.svelte";
-import $snippet from "svelte-jsx-snippet";
 export default {
   component: MyComponent,
 };
@@ -54,7 +53,6 @@ export const Default = {
 import { test, expect } from "vitest";
 import { render } from "@testing-library/svelte";
 import MyComponent from "./MyComponent.svelte";
-import $snippet from "svelte-jsx-snippet";
 test("render snippet ", () => {
   const { getByText } = render(MyComponent, {
     props: {
@@ -69,8 +67,8 @@ test("render snippet ", () => {
 
 ```jsx
 import MyComponent from "./MyComponent.svelte";
-import { jsx } from "svelte-jsx-snippet";
-const MyComponent$ = jsx(MyComponent, ["children"]);
+import { jsx$ } from "svelte-jsx-snippet";
+const MyComponent$ = jsx$(MyComponent, ["children"]);
 const snippet = (
   <MyComponent$>
     <h1>Hello, World!</h1>
@@ -103,8 +101,8 @@ const SnippetComponent = (props: { children?: JSX.Element }) => {
 ```svelte
 <script>
   import SnippetComponent from "./SnippetComponent.tsx";
-  import { svelte } from "svelte-jsx-snippet";
-  const SnippetComponent$ = svelte(SnippetComponent, ["children"]);
+  import { svelte$ } from "svelte-jsx-snippet";
+  const SnippetComponent$ = svelte$(SnippetComponent, ["children"]);
 </script>
 
 <SnippetComponent$>

site/src/routes/index.tsx

@@ -43,17 +43,17 @@ export const Page: FC = () => {
             <code>{`{#snippet hello()}\n  <h3>Hello, world!</h3> <!-- Svelte -->\n{/snippet}`}</code>
           </Pre$>
           <h3>
-            <code>jsx(Component, snippetProps)</code>
+            <code>jsx$(Component, snippetProps)</code>
           </h3>
           <p>
-            <code>jsx</code> function convert a Svelte component to a JSX
+            <code>jsx$</code> function convert a Svelte component to a JSX
             function component.
           </p>
           <h3>
             <code>svelte(Component)</code>
           </h3>
           <p>
-            <code>svelte</code> function convert a JSX function component to a
+            <code>svelte$</code> function convert a JSX function component to a
             Svelte component.
           </p>
         </section>