Components should have one root element

jhoff · May 17, 2017 · be7d37c · be7d37c
1 parent ba37ca2
commit be7d37c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/VueDirective.php b/src/VueDirective.php
@@ -11,7 +11,7 @@ class VueDirective
      */
     public static function end() : string
     {
-        return '<?php echo \Jhoff\BladeVue\Component::end(); ?>';
+        return '</div><?php echo \Jhoff\BladeVue\Component::end(); ?>';
     }
 
     /**
@@ -22,6 +22,6 @@ public static function end() : string
      */
     public static function start(string $expression) : string
     {
-         return "<?php echo \Jhoff\BladeVue\Component::start($expression); ?>";
+         return "<?php echo \Jhoff\BladeVue\Component::start($expression); ?><div>";
     }
 }
diff --git a/tests/Unit/VueDirectiveTest.php b/tests/Unit/VueDirectiveTest.php
@@ -16,7 +16,7 @@ public function startDirectiveReturnsCorrectPhpBlock()
         $code = VueDirective::start('"component", ["foo" => "bar"]');
 
         $this->assertEquals(
-            '<?php echo \Jhoff\BladeVue\Component::start("component", ["foo" => "bar"]); ?>',
+            '<?php echo \Jhoff\BladeVue\Component::start("component", ["foo" => "bar"]); ?><div>',
             $code
         );
     }
@@ -29,7 +29,7 @@ public function endDirectiveReturnsCorrectPhpBlock()
         $code = VueDirective::end();
 
         $this->assertEquals(
-            '<?php echo \Jhoff\BladeVue\Component::end(); ?>',
+            '</div><?php echo \Jhoff\BladeVue\Component::end(); ?>',
             $code
         );
     }