(fix) blank content method (#656)

#655

Author: dummdidumm

packages/svelte2tsx/src/utils/htmlxparser.ts

@@ -82,13 +82,15 @@ function blankVerbatimContent(htmlx: string, verbatimElements: Node[]) {
     for (const node of verbatimElements) {
         const content = node.content;
         if (content) {
-            output = htmlx.substring(0, content.start) +
-            htmlx.substring(content.start, content.end)
-                // blank out the content
-                .replace(/[^\n]/g, ' ')
-                // excess blank space can make the svelte parser very slow (sec->min). break it up with comments (works in style/script)
-                .replace(/[^\n][^\n][^\n][^\n]\n/g, '/**/\n') +
-            htmlx.substring(content.end);
+            output =
+                output.substring(0, content.start) +
+                output
+                    .substring(content.start, content.end)
+                    // blank out the content
+                    .replace(/[^\n]/g, ' ')
+                    // excess blank space can make the svelte parser very slow (sec->min). break it up with comments (works in style/script)
+                    .replace(/[^\n][^\n][^\n][^\n]\n/g, '/**/\n') +
+                output.substring(content.end);
         }
     }
     return output;

packages/svelte2tsx/test/svelte2tsx/samples/ts-style-and-script/expected.tsx

@@ -0,0 +1,11 @@
+///<reference types="svelte" />
+<></>;function render() {
+
+     let foo:string;
+;
+() => (<>
+</>);
+return { props: {foo: foo} as {foo: string}, slots: {}, getters: {}, events: {} }}
+
+export default class Input__SvelteComponent_ extends createSvelte2TsxComponent(__sveltets_partial(__sveltets_with_any_event(render))) {
+}

packages/svelte2tsx/test/svelte2tsx/samples/ts-style-and-script/input.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+    export let foo:string;
+</script>
+<style>
+    .abc {
+        font-size: 0;
+    }
+</style>