Merge pull request #179 from developit/terse-option

Add `terse` option
developit · Sep 23, 2020 · ed1c620 · ed1c620
2 parents e241d3a + 877867e
commit ed1c620
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/packages/babel-plugin-transform-jsx-to-htm/index.mjs b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
@@ -4,6 +4,7 @@ import jsx from '@babel/plugin-syntax-jsx';
  * @param {Babel} babel
  * @param {object} [options]
  * @param {string} [options.tag='html']  The tagged template "tag" function name to produce.
+ * @param {boolean} [options.terse=false]  Output `<//>` for closing component tags
  * @param {string | boolean | object} [options.import=false]  Import the tag automatically
  */
 export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
@@ -130,9 +131,14 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 
 			if (!isFragment) {
 				if (isComponentName(name)) {
-					raw('</');
-					expr(name);
-					raw('>');
+					if (options.terse) {
+						raw('<//>');
+					}
+					else {
+						raw('</');
+						expr(name);
+						raw('>');
+					}
 				}
 				else {
 					raw('</');