vue: inline Vue SFC components in your HTML

Example Val showing how to define reusable components: @postpostscript/vueExample

Create val
import { htmlResponse } from "https://esm.town/v/postpostscript/html";
import { vueSfcInline } from "https://esm.town/v/postpostscript/vue";

export default function() {
  return htmlResponse`
    ${vueSfcInline`
      <script setup type="ts">
         import { ref } from "vue";
         const name = ref("Vue");
      </script>
      <template>
        Hello World from {{ name }}!
        <br>
        <input v-model="name" />
      </template>
    `}
  `;
}

Migrated from folder: HTML/Vue/vue