feat: useSkoy() hook (#36)

* feat: useSkoy() hook * docs: re-install skoy.js * docs: re-install skoy.js
narze · Oct 1, 2022 · 24e1395 · 24e1395 · vercel · Oct 1, 2022
1 parent 52bd235
commit 24e1395
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
     "eslint-plugin-promise": "^6.0.1",
     "eslint-plugin-react": "^7.31.8",
     "prettier": "2.7.1",
+    "skoy": "^0.3.2",
     "typescript": "^4.8.4",
     "vite": "^3.1.0"
   }

diff --git a/src/App.tsx b/src/App.tsx
@@ -19,6 +19,7 @@ import { useRandom } from "./hooks/useRandom"
 import { useDivisibleByThree } from "./hooks/useDivisibleByThree"
 import { useSalim } from "./hooks/useSalim"
 import { useAny } from "./hooks/useAny"
+import { useSkoy } from "./hooks/useSkoy"
 
 const UseWeirdExampleComponent = () => {
   return (
@@ -204,6 +205,16 @@ function App() {
       ],
       githubUsername: "narze",
     },
+    {
+      desc: "useSkoy - returns SkoyLang for us SkoyPeople",
+      examples: [
+        {
+          code: `const value = useSkoy("รักมิใช่ดวงดาวเมื่อพราวแสง")`,
+          value: `${useSkoy("รักมิใช่ดวงดาวเมื่อพราวแสง")}`,
+        },
+      ],
+      githubUsername: "santhitak",
+    },
   ] // Add your own hooks usage above this comment (at the end of the list)
   // Create a new component if your hook needs more customization
 

diff --git a/src/hooks/useSkoy.ts b/src/hooks/useSkoy.ts
@@ -0,0 +1,7 @@
+import Skoy from "skoy"
+import { useMemo } from "react"
+
+export function useSkoy(m: string) {
+  const isSkoy = useMemo(() => Skoy.convert(m), [])
+  return isSkoy
+}