Bug: [plugin:vite:vue] (php) element is missing end tag.

[camya]

I tried to put the php section at the very end of the file, but this results in an error like the one shown below.

Pages/Index.vue

<template>
  <div>
    Hello: {{ name }}!
  </div>
</template>

<php>
use function \Fusion\{prop};

$name = prop('Aaron');
</php>

Error message in console:

[plugin:vite:vue] Element is missing end tag.
/var/www/html/resources/js/Pages/Index.vue:8:1
6  |  
7  |  <php>
8  |  use function \Fusion\{prop};
   |   ^
9  |  
10 |  $name = prop('Aaron');

[craigrileyuk]

Seems to be

fusion/packages/vue/Transformer.js

Line 88 in b53cfab

this.code = replaceBlock(this.code, this.template, '__restoreUntouchedTemplateHere__');

The code is modified, but then the original block.loc.start.offset and block.loc.end.offset are used.

fusion/packages/vue/lib/replaceBlock.js

Lines 1 to 7 in b53cfab

	export default function replaceBlock(code, block, replacement = '') {
	if (!block) {
	return code;
	}
	return code.slice(0, block.loc.start.offset) + replacement + code.slice(block.loc.end.offset)
	}