fix: container indentation relative to parent, not lists

Author: farnabaz

package.json

@@ -52,7 +52,7 @@
   "devDependencies": {
     "@nuxt/eslint-config": "^1.10.0",
     "@nuxt/kit": "^4.2.1",
-    "@nuxt/ui": "4.2.0",
+    "@nuxt/ui": "4.2.1",
     "@nuxthub/core": "^0.9.0",
     "@nuxtjs/eslint-config-typescript": "latest",
     "@types/flat": "^5.0.5",

pnpm-lock.yaml

@@ -168,6 +168,9 @@ export default (opts: RemarkMDCOptions = {}) => {
       return child
     })
 
+    // Fix container nesting in lists
+    detectInvalidNesting(container)
+
     this.exit(token)
   }
 
@@ -342,3 +345,44 @@ export default (opts: RemarkMDCOptions = {}) => {
     exit,
   }
 }
+
+/**
+ * Fix container nesting in lists: move containers from list items to parent level
+ * when they should be direct children of the parent container
+ *
+ * @param container - The container to detect invalid nesting in
+ */
+function detectInvalidNesting(container: Container) {
+  const extractedContainers: any[] = []
+  for (const child of container.children) {
+    if (child.type !== 'list' || !child.children) {
+      continue
+    }
+
+    for (const listItem of child.children) {
+      if (listItem.type !== 'listItem' || !listItem.children) {
+        continue
+      }
+
+      const remainingChildren: any[] = []
+      for (const itemChild of listItem.children) {
+        if (
+          (itemChild.type as string) === 'containerComponent'
+          && (itemChild.position?.start?.column || 0) - 4 < (listItem.position?.start?.column || 0)
+        ) {
+          // Extract container from list item to parent level
+          extractedContainers.push(itemChild)
+        }
+        else {
+          remainingChildren.push(itemChild)
+        }
+      }
+      listItem.children = remainingChildren
+    }
+  }
+
+  // Add extracted containers as siblings of the list
+  if (extractedContainers.length > 0) {
+    container.children = [...container.children, ...extractedContainers]
+  }
+}

src/from-markdown.ts

@@ -135,6 +135,8 @@ export default (opts: RemarkMDCOptions = {}) => {
     const prefix = ':'.repeat(baseFence + nest)
     nest += 1
     const exit = context.enter(node.type)
+    // Reset bullet marker for lists nested containers
+    context.bulletLastUsed = undefined
     let value = prefix + (node.name || '') + label(node, context)
 
     // Move default slot's children to the beginning of the content