diff --git a/README.md b/README.md index e32f31b..28bee75 100644 --- a/README.md +++ b/README.md @@ -38,32 +38,38 @@ Here's a basic example of how to use xterm-svelte in your SvelteKit application: ```svelte diff --git a/src/app.d.ts b/src/app.d.ts index 743f07b..38efea5 100644 --- a/src/app.d.ts +++ b/src/app.d.ts @@ -8,6 +8,9 @@ declare global { // interface PageState {} // interface Platform {} } + + declare var hljs: any; + declare var FlowbiteInstances: any; } -export {}; +export { }; diff --git a/src/app.html b/src/app.html index b65f18d..28019e3 100644 --- a/src/app.html +++ b/src/app.html @@ -7,46 +7,13 @@ %sveltekit.head% +
%sveltekit.body%
+ - \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index c7ce13e..9253839 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,5 +1,12 @@ @@ -25,65 +32,6 @@ , enabling terminal embedding in SvelteKit apps, managing Xterm addons, and providing seamless updates with the latest SvelteKit and Xterm.js versions.

- -
-
- - - - -
-
+ +
+

Getting Started

+

+ To install xterm-svelte, use the following npm command: +

+ + + +

+ Once installed, you can easily integrate xterm-svelte into your project. Here's a sample code + snippet to get you started: +

+ + 
{CodeRaw}
+ +

+ For more details and advanced usage, please refer to the xterm-svelte Github README.md. Happy coding! +

+
diff --git a/src/routes/Clipboard.svelte b/src/routes/Clipboard.svelte new file mode 100644 index 0000000..2fb713f --- /dev/null +++ b/src/routes/Clipboard.svelte @@ -0,0 +1,101 @@ + + +
+
+ + + + +
+
diff --git a/src/routes/Code.svelte b/src/routes/Code.svelte new file mode 100644 index 0000000..c90433f --- /dev/null +++ b/src/routes/Code.svelte @@ -0,0 +1,36 @@ + + +