diff --git a/README.md b/README.md
index 1337388..799d9ec 100644
--- a/README.md
+++ b/README.md
@@ -15,7 +15,7 @@ npm i @ayco/astro-resume
 
 ```astro
 ---
-import Resumable from '../Resumable.astro';
+import Resumable from '@ayco/astro-resume';
 const data = {
     hello: 'world'
 }
@@ -26,7 +26,7 @@ const data = {
 <div id="render-here"></div>
 
 <script>
-    import resume from '../resume';
+    import {resume} from '@ayco/astro-resume';
     console.log(resume('astro-obj'));
     const renderDiv = document.querySelector('#render-here');
     if (renderDiv) {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 24e1bbb..56e6833 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -10,7 +10,7 @@ const data = {
 <div id="render-here"></div>
 
 <script>
-    import resume from '../resume';
+    import {resume} from '../resume';
     console.log(resume('astro-obj'));
     const renderDiv = document.querySelector('#render-here');
     if (renderDiv) {
diff --git a/src/resume.ts b/src/resume.ts
index 6e725a1..bb8363e 100644
--- a/src/resume.ts
+++ b/src/resume.ts
@@ -1,3 +1,3 @@
-export default function resume(id: string): Object {
-    return JSON.parse(document.querySelector<HTMLTextAreaElement>(`#${id}`).value ?? '')
+export function resume(id: string): Object {
+    return JSON.parse(document.querySelector<HTMLTextAreaElement>(`#${id}`)?.value ?? '')
 }
\ No newline at end of file