Components should have one root element

Author: Jordan Hoff

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>";
     }
 }

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
         );
     }