chore: update docs

BayBreezy · Dec 30, 2023 · 9c66858 · 9c66858
1 parent 1dfa40c
commit 9c66858
Show file tree

Hide file tree

Showing 13 changed files with 17,823 additions and 10,793 deletions.
diff --git a/docs/components/content/StyleOneExample.vue b/docs/components/content/StyleOneExample.vue
@@ -1,6 +1,8 @@
 <template>
   <main class="w-full h-[700px]">
-    <iframe :src="pdfLink" class="w-full h-full" />
+    <ClientOnly>
+      <iframe :src="pdfLink" class="w-full h-full" />
+    </ClientOnly>
   </main>
 </template>
 

diff --git a/docs/content/1.introduction/3.options.md b/docs/content/1.introduction/3.options.md
@@ -67,7 +67,8 @@ Currently, I only need these 4 fonts lol. Feel free to add your own fonts by fol
 - Roboto
 - Poppins
 - Lora
-  ::
+
+::
 
 This is what the full signature of createPdf looks like:
 

diff --git a/docs/content/2.examples/1.basic.md b/docs/content/2.examples/1.basic.md
@@ -2,15 +2,17 @@
 fluid: true
 toc: false
 ---
+
 # Basic Table
 
 ::code-group
 
-  ::code-block{label="Preview" preview .h-screen}
-    ::BasicExample
-  ::
+::code-block{label="Preview" preview .h-screen}
+::Basic-Example
+::
+
+::code-block{label="Code" code}
 
-  ::code-block{label="Code" code}
 ```ts
 <script setup lang="ts">
 import { _colors } from "#tailwind-config/theme";
@@ -81,5 +83,6 @@ onMounted(() => {
 });
 </script>
 ```
-  ::
-::
+
+::
+::
diff --git a/docs/content/2.examples/2.style-one.md b/docs/content/2.examples/2.style-one.md
@@ -2,6 +2,7 @@
 fluid: true
 toc: false
 ---
+
 # Style One
 
 ::alert
@@ -10,11 +11,12 @@ Check the <a target="_blank" href="https://pdfmake.github.io/docs/0.1/document-d
 
 ::code-group
 
-  ::code-block{label="Preview" preview .h-screen}
-    ::StyleOneExample
-  ::
+::code-block{label="Preview" preview .h-screen}
+
+:Style-One-Example
+
+::code-block{label="Code" code}
 
-  ::code-block{label="Code" code}
 ```ts
 <script setup lang="ts">
 import { _colors } from "#tailwind-config/theme";
@@ -78,5 +80,6 @@ onMounted(() => {
 });
 </script>
 ```
-  ::
-::
+
+::
+::
diff --git a/docs/content/2.examples/3.columns.md b/docs/content/2.examples/3.columns.md
@@ -2,6 +2,7 @@
 fluid: true
 toc: false
 ---
+
 # Columns
 
 ::alert
@@ -10,11 +11,12 @@ Check the <a target="_blank" href="https://pdfmake.github.io/docs/0.1/document-d
 
 ::code-group
 
-  ::code-block{label="Preview" preview .h-screen}
-    ::ColumnsExample
-  ::
+::code-block{label="Preview" preview .h-screen}
+
+:Columns-Example
+
+::code-block{label="Code" code}
 
-  ::code-block{label="Code" code}
 ```ts
 <script setup lang="ts">
 import { _colors } from "#tailwind-config/theme";
@@ -190,5 +192,6 @@ onMounted(() => {
 });
 </script>
 ```
-  ::
-::
+
+::
+::
diff --git a/docs/content/2.examples/4.table.md b/docs/content/2.examples/4.table.md
@@ -2,6 +2,7 @@
 fluid: true
 toc: false
 ---
+
 # Advanced Table
 
 ::alert
@@ -10,11 +11,11 @@ Check the <a target="_blank" href="https://pdfmake.github.io/docs/0.1/document-d
 
 ::code-group
 
-  ::code-block{label="Preview" preview .h-screen}
-    ::TableExample
-  ::
+::code-block{label="Preview" preview .h-screen}
+:Table-Example
+
+::code-block{label="Code" code}
 
-  ::code-block{label="Code" code}
 ```ts
 <script setup lang="ts">
 import { _colors } from "#tailwind-config/theme";
@@ -648,5 +649,6 @@ onMounted(() => {
 });
 </script>
 ```
-  ::
-::
+
+::
+::
diff --git a/docs/content/2.examples/5.list.md b/docs/content/2.examples/5.list.md
@@ -2,6 +2,7 @@
 fluid: true
 toc: false
 ---
+
 # List
 
 ::alert
@@ -10,11 +11,11 @@ Check the <a target="_blank" href="https://pdfmake.github.io/docs/0.1/document-d
 
 ::code-group
 
-  ::code-block{label="Preview" preview .h-screen}
-    ::ListExample
-  ::
+::code-block{label="Preview" preview .h-screen}
+:List-Example
+
+::code-block{label="Code" code}
 
-  ::code-block{label="Code" code}
 ```ts
 <script setup lang="ts">
 import { _colors } from "#tailwind-config/theme";
@@ -358,5 +359,6 @@ onMounted(() => {
 });
 </script>
 ```
-  ::
-::
+
+::
+::
diff --git a/docs/content/2.examples/6.images.md b/docs/content/2.examples/6.images.md
@@ -2,6 +2,7 @@
 fluid: true
 toc: false
 ---
+
 # Images
 
 ::alert
@@ -10,11 +11,11 @@ Check the <a target="_blank" href="https://pdfmake.github.io/docs/0.1/document-d
 
 ::code-group
 
-  ::code-block{label="Preview" preview .h-screen}
-    ::ImageExample
-  ::
+::code-block{label="Preview" preview .h-screen}
+:Image-Example
+
+::code-block{label="Code" code}
 
-  ::code-block{label="Code" code}
 ```ts
 <script setup lang="ts">
 import { _colors } from "#tailwind-config/theme";
@@ -87,5 +88,6 @@ onMounted(async () => {
 });
 </script>
 ```
-  ::
-::
+
+::
+::
diff --git a/docs/content/2.examples/7.rent-receipt.md b/docs/content/2.examples/7.rent-receipt.md
@@ -2,15 +2,16 @@
 fluid: true
 toc: false
 ---
+
 # Rent Receipt
 
 ::code-group
 
-  ::code-block{label="Preview" preview .h-screen}
-    ::RentExample
-  ::
+::code-block{label="Preview" preview .h-screen}
+:Rent-Example
+
+::code-block{label="Code" code}
 
-  ::code-block{label="Code" code}
 ```ts
 <script setup lang="ts">
 import { _colors } from "#tailwind-config/theme";
@@ -205,5 +206,6 @@ onMounted(async () => {
 });
 </script>
 ```
-  ::
-::
+
+::
+::
diff --git a/docs/content/2.examples/8.composable.md b/docs/content/2.examples/8.composable.md
@@ -2,15 +2,16 @@
 fluid: true
 toc: false
 ---
+
 # Composable
 
 ::code-group
 
-  ::code-block{label="Preview" preview .h-screen}
-    ::ComposableExample
-  ::
+::code-block{label="Preview" preview .h-screen}
+:Composable-Example
+
+::code-block{label="Code" code}
 
-  ::code-block{label="Code" code}
 ```ts []{7}
 <script setup lang="ts">
 const pdfLink = ref();
@@ -42,6 +43,7 @@ onMounted(() => {
   loadPdf();
 });
 </script>
-``` 
-  ::
-::
+```
+
+::
+::