Added more inline comments and simplified component mounting

src/assets/javascripts/components/content/_/index.ts

@@ -61,6 +61,9 @@ interface MountOptions {
 /**
  * Mount content
  *
+ * This function mounts all components that are found in the content of the
+ * actual article, including code blocks, data tables and details.
+ *
  * @param el - Content element
  * @param options - Options
  *

src/assets/javascripts/components/content/code/index.ts

@@ -111,8 +111,8 @@ export function watchCodeBlock(
 /**
  * Mount code block
  *
- * This function ensures that overflowing code blocks are focusable by keyboard,
- * so they can be scrolled without a mouse to improve on accessibility.
+ * This function ensures that an overflowing code block is focusable through
+ * keyboard, so it can be scrolled without a mouse to improve on accessibility.
  *
  * @param el - Code block element
  * @param options - Options

src/assets/javascripts/components/content/details/index.ts

@@ -88,8 +88,8 @@ export function watchDetails(
 /**
  * Mount details
  *
- * This function ensures that `details` tags are opened prior to printing, so
- * the whole content of the page is included and on anchor jumps.
+ * This function ensures that `details` tags are opened on anchor jumps and
+ * prior to printing, so the whole content of the page is visible.
  *
  * @param el - Details element
  * @param options - Options

src/assets/javascripts/components/content/table/index.ts

@@ -52,6 +52,9 @@ const sentinel = createElement("table")
 /**
  * Mount data table
  *
+ * This function wraps a data table in another scrollable container, so they
+ * can be scrolled on smaller screen sizes and won't break the layout.
+ *
  * @param el - Data table element
  *
  * @returns Data table component observable