Are there any methods to compile some Component.vue files to some javascript file? So that compiled js can be included in HTML and used with vue CDN.
For example, Lets' say we have some component Component.vue, given below
<template>
<div class="demo">{{ msg }}</div>
</template>
<script>
export default {
data() {
return {
msg: "Jatin Garg",
};
},
};
</script>
<style scoped>
.demo {
color: blue;
}
</style>
Now we want to include the compiled Component.js in below HTML file.
<html lang="en">
<head>
<script src="/path/to/Component.js"></script>
<script src="vue@next"></script>
<body>
<div id="app">
<component></component>
</div>
</body>
<script>
const app = Vue.createApp({});
app.component("component", Component);
app.mount("#app");
</script>
</head>
<body></body>
</html>
I know a library called vue3-sfc-loader that does a similar thing. But rather using ".js" file it directly takes the Component.vue file and compiles it.
Basically, I want to compile the .vue file offline