Fixed spacing issues

Author: njetsy

component.js

@@ -24,7 +24,7 @@ exports.handlers = {
         doclet.component.type = 'react'
       }
       doclet.kind = 'class'
-	  doclet.type = 'component'
+      doclet.type = 'component'
     } else {
       if (path.extname(filePath) === '.vue') {
         const docGen = vueDocs.parse(filePath)

lib/load/fill-component-preview.js

@@ -11,7 +11,7 @@ const fillComponentPreview = (text, mdParser) => {
       <div id="${uniqId}"></div>
 
       <script>
-		ReactDOM.createRoot(document.getElementById('${uniqId}')).render(ReactWrapper({
+        ReactDOM.createRoot(document.getElementById('${uniqId}')).render(ReactWrapper({
           example: ${JSON.stringify(group)},
           uniqId: ${JSON.stringify(uniqId)},
         }));

lib/react-wrapper.js

@@ -123,7 +123,7 @@ function (_React$Component) {
       var padding = 5; // buffer for any unstyled margins
 
       if (this.iframeRef.current && this.iframeRef.current && this.iframeRef.current.contentDocument && this.iframeRef.current.contentDocument.body && this.iframeRef.current.contentDocument.body.offsetHeight !== 0 && this.iframeRef.current.contentDocument.body.offsetHeight !== height - padding) {
-		this.setState({
+        this.setState({
           height: this.iframeRef.current.contentDocument.body.offsetHeight + padding
         });
       }

publish.js

@@ -369,7 +369,7 @@ function buildMemberNav(items, itemHeading, itemsSeen, linktoFn) {
       if (itemsNav !== '') {
         var heading = itemHeading
         if (subCategoryName) {
-			heading = heading === 'Globals' ? subCategoryName : heading + ' / ' + subCategoryName
+          heading = heading === 'Globals' ? subCategoryName : heading + ' / ' + subCategoryName
         }
         nav += '<h3>' + heading + '</h3><ul>' + itemsNav + '</ul>'
       }

src/react-wrapper.jsx

@@ -67,11 +67,10 @@ class Wrapper extends React.Component {
   computeHeight() {
     const { height } = this.state
     const padding = 5 // buffer for any unstyled margins
-
     if (
       this.iframeRef.current
       && this.iframeRef.current.contentDocument
-	  && this.iframeRef.current.contentDocument.body
+      && this.iframeRef.current.contentDocument.body
       && this.iframeRef.current.contentDocument.body.offsetHeight !== 0
       && this.iframeRef.current.contentDocument.body.offsetHeight !== (height - padding)
     ) {

tmpl/react-component.tmpl

@@ -6,7 +6,7 @@ var uniqId = ['component', number].join('')
 <div id='<?js= uniqId ?>'></div>
 
 <script>
-	ReactDOM.createRoot(document.getElementById('<?js= uniqId ?>')).render(ReactWrapper({
+    ReactDOM.createRoot(document.getElementById('<?js= uniqId ?>')).render(ReactWrapper({
     example: <?js= JSON.stringify(example.code || null) ?>,
     uniqId: <?js= JSON.stringify(uniqId) ?>,
   }));