refactor(many): fix readme formatting, fix docs parsing

Author: matyasf

packages/__docs__/src/compileMarkdown.tsx

@@ -49,7 +49,8 @@ function trimIndent(str: string) {
   let indent = ''
   lines.forEach((line, _i) => {
     // matches whitespace at the end of a string
-    line.replace(/\s*$/, '')
+    // eslint-disable-next-line no-param-reassign
+    line = line.replace(/\s*$/, '')
     if (indentFound === false) {
       if (line === '') {
         return

packages/babel-plugin-transform-imports/README.md

@@ -7,16 +7,29 @@ category: packages
 This will convert any non-default imports that are referencing the package only to reference the full path to the module instead. For example:
 
 ```js
+---
+  type: code
+---
 // a named member import:
 import { Text } from '@instructure/ui-elements'
+```
 
 would be converted to
 
+```js
+---
+  type: code
+---
 // a named import using the full module path:
 import { Text } from '@instructure/ui-elements/lib/Text'
+```
 
 Note that any default imports you are currently using will not be transformed:
 
+```js
+---
+  type: code
+---
 // a default import using the full path (will not be transformed):
 import Text from '@instructure/ui-elements/lib/Text'
 ```

packages/ui-form-field/README.md

@@ -30,6 +30,9 @@ npm install @instructure/ui-form-field
 ### Usage
 
 ```js
+---
+  type: code
+---
 import React from 'react'
 import { FormField } from '@instructure/ui-form-field'
 

packages/ui-test-locator/README.md

@@ -18,7 +18,10 @@ npm install @instructure/ui-test-locator
 
 ### Usage
 
-```javascript
+```js
+---
+  type: code
+---
 // MyComponent.js
 import { testable } from '@instructure/ui-testable'
 

packages/ui-tooltip/README.md

@@ -25,6 +25,9 @@ npm install @instructure/ui-tooltip
 ### Usage
 
 ```js
+---
+  type: code
+---
 import React from 'react'
 import { Tooltip } from '@instructure/ui-tooltip'