Hi everyone,
Just joined to share this tool I've built, it's a pretty simple tool that takes in the export directory and recursively goes through each .html
file and converts it into a .vue
file (single file application) format.
Find it here: https://github.com/TokenChingy/vueify
Note: You will need to compile it using Nuitka, I haven't had time to provide precompiled binaries.
Happy hacking!
EDIT: If given enough interest, I might extend it to be more encompassing, e.g. get all the custom styles and apply them to the <style scoped></style>
section of the Vue SFA. Let me know what would be wanted most. If you have a feature, feel free to create a PR.
1 Like
Update: Vueify now supports .css
files.
To make this work, you will need to name the .css
file the same as the .html
file. This will then allow Vueify to match the files together and generate the .vue
file with the <style scoped=""></style>
section filled.
Also note: You can modify the <script></script>
section of the generated .vue
file and it will not be overwritten, only the <template></template>
and <style scoped=""></style>
sections will be overwritten.
Happy hacking!
Impressive work! This will be helpful to a lot of people looking to integrate Vue with their Bootstrap Studio designs.
On Linux and macOS compiling the python script won't be needed (just chmod +x
), but for it to work on Windows it will need to be turned into an executable. Somebody in the forum suggested to use py2exe for this, but Nuitka looks like a promising alternative.