first set of changes

Author: dasathyakuma

docs/config.json

@@ -9,8 +9,14 @@
     {
       "label": "Getting Started",
       "children": [
-        { "label": "Introduction", "to": "introduction" },
-        { "label": "Installation", "to": "installation" }
+        {
+          "label": "Introduction",
+          "to": "introduction"
+        },
+        {
+          "label": "Installation",
+          "to": "installation"
+        }
       ],
       "frameworks": [
         {
@@ -34,7 +40,10 @@
         {
           "label": "solid",
           "children": [
-            { "label": "Solid Virtual", "to": "framework/solid/solid-virtual" }
+            {
+              "label": "Solid Virtual",
+              "to": "framework/solid/solid-virtual"
+            }
           ]
         },
         {
@@ -54,14 +63,29 @@
               "to": "framework/vue/vue-virtual"
             }
           ]
+        },
+        {
+          "label": "marko",
+          "children": [
+            {
+              "label": "Marko Virtual",
+              "to": "framework/marko/marko-virtual"
+            }
+          ]
         }
       ]
     },
     {
       "label": "Core APIs",
       "children": [
-        { "label": "Virtualizer", "to": "api/virtualizer" },
-        { "label": "VirtualItem", "to": "api/virtual-item" }
+        {
+          "label": "Virtualizer",
+          "to": "api/virtualizer"
+        },
+        {
+          "label": "VirtualItem",
+          "to": "api/virtual-item"
+        }
       ]
     },
     {
@@ -236,8 +260,41 @@
               "label": "Dynamic"
             }
           ]
+        },
+        {
+          "label": "marko",
+          "children": [
+            {
+              "to": "framework/marko/examples/fixed",
+              "label": "Fixed"
+            },
+            {
+              "to": "framework/marko/examples/variable",
+              "label": "Variable"
+            },
+            {
+              "to": "framework/marko/examples/dynamic",
+              "label": "Dynamic"
+            },
+            {
+              "to": "framework/marko/examples/grid",
+              "label": "Grid"
+            },
+            {
+              "to": "framework/marko/examples/infinite-scroll",
+              "label": "Infinite Scroll"
+            },
+            {
+              "to": "framework/marko/examples/smooth-scroll",
+              "label": "Smooth Scroll"
+            },
+            {
+              "to": "framework/marko/examples/window",
+              "label": "Window"
+            }
+          ]
         }
       ]
     }
   ]
-}
+}

docs/framework/marko/examples/dynamic.md

@@ -0,0 +1,11 @@
+---
+title: Marko Dynamic Example
+---
+
+## Example
+
+<iframe
+  src="https://stackblitz.com/github/TanStack/virtual/tree/main/examples/marko/dynamic?embed=1&theme=dark"
+  style="width:100%;height:500px;border:0;border-radius:4px;overflow:hidden"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+/>

docs/framework/marko/examples/fixed.md

@@ -0,0 +1,11 @@
+---
+title: Marko Fixed Example
+---
+
+## Example
+
+<iframe
+  src="https://stackblitz.com/github/TanStack/virtual/tree/main/examples/marko/fixed?embed=1&theme=dark"
+  style="width:100%;height:500px;border:0;border-radius:4px;overflow:hidden"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+/>

docs/framework/marko/examples/grid.md

@@ -0,0 +1,11 @@
+---
+title: Marko Grid Example
+---
+
+## Example
+
+<iframe
+  src="https://stackblitz.com/github/TanStack/virtual/tree/main/examples/marko/grid?embed=1&theme=dark"
+  style="width:100%;height:500px;border:0;border-radius:4px;overflow:hidden"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+/>

docs/framework/marko/examples/infinite-scroll.md

@@ -0,0 +1,11 @@
+---
+title: Marko Infinite Scroll Example
+---
+
+## Example
+
+<iframe
+  src="https://stackblitz.com/github/TanStack/virtual/tree/main/examples/marko/infinite-scroll?embed=1&theme=dark"
+  style="width:100%;height:500px;border:0;border-radius:4px;overflow:hidden"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+/>

docs/framework/marko/examples/smooth-scroll.md

@@ -0,0 +1,11 @@
+---
+title: Marko Smooth Scroll Example
+---
+
+## Example
+
+<iframe
+  src="https://stackblitz.com/github/TanStack/virtual/tree/main/examples/marko/smooth-scroll?embed=1&theme=dark"
+  style="width:100%;height:500px;border:0;border-radius:4px;overflow:hidden"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+/>

docs/framework/marko/examples/variable.md

@@ -0,0 +1,11 @@
+---
+title: Marko Variable Example
+---
+
+## Example
+
+<iframe
+  src="https://stackblitz.com/github/TanStack/virtual/tree/main/examples/marko/variable?embed=1&theme=dark"
+  style="width:100%;height:500px;border:0;border-radius:4px;overflow:hidden"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+/>

docs/framework/marko/examples/window.md

@@ -0,0 +1,11 @@
+---
+title: Marko Window Example
+---
+
+## Example
+
+<iframe
+  src="https://stackblitz.com/github/TanStack/virtual/tree/main/examples/marko/window?embed=1&theme=dark"
+  style="width:100%;height:500px;border:0;border-radius:4px;overflow:hidden"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+/>