Implements current Vue object creation for Vue object in Index.html

[wscrimsher3]

Hi,
first real pull request for an open source project.
Give me a heads up if anything seems wrong

[ttu]

Hi and thanks for trying to fix the issue 👍

I still get a blank page. I think the issue might be that Vue version from <script src="https://unpkg.com/vue"></script> is v3 and this was originally written when latest Vue version was 2.x.

If you switch
<script src="https://unpkg.com/vue"></script>
to
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
you will get the version is master working and should see this:

You can either do that change in this PR or try to change the implementation to V3. This has a pretty similar example with Vue V3, so you can take example from there if you wish: https://github.com/ttu/multi-camera-system/blob/main/src/templates/index.html

You can also make these changes in separate PRs, so in e.g. this one pin the version from script to v2 and then index.html will be again working and then in the another PR migrate the code to Vue V3.

Thanks again and let me know if you have more questions!