Vue migration

[jannessm]

Hi,
I just refactored your project to use vuejs. Now the code should be more cleaner and easier to extend by contribution.

Also I added buttons to add and remove animated lower thirds (up to 10)

[midnight-studios]

Hey, this update is amazing!

Can you check if this and this is correct?

[midnight-studios]

Enable/Disable has no effect, it renders the color regardless when it should be none:

        color1() { return this.background ? this.backgroundColor1.value : 'none'; },
        color2() { return this.background ? this.backgroundColor2.value : 'none'; },

[midnight-studios]

Can you please check this, this and this

Before:

        color1() { return this.background ? this.backgroundColor1.value : 'none'; },
        color2() { return this.background ? this.backgroundColor2.value : 'none'; },
        color3() { return this.border ? this.bordersColor1.value : 'none'; },
        color4() { return this.border ? this.bordersColor2.value : 'none'; },

After:

        color1() { return this.background.value ? this.backgroundColor1.value : 'none'; },
        color2() { return this.background.value ? this.backgroundColor2.value : 'none'; },
        color3() { return this.borders.value ? this.bordersColor1.value : 'none'; },
        color4() { return this.borders.value ? this.bordersColor2.value : 'none'; },

[jannessm]

Thank you for your review. I will have a look at it!

[jannessm]

your issues should be fixed now.

[jannessm]

I hopefully fixed the slots issues and the 'alt-1-'s that I haven't replaced. There was also another bug in the image selector. Hopefully everything is working now! Sorry for such a buggy pull request.

[DavidP-B]

Hi @jannessm , first of all thank you very much for this incredible refactor!! I want to try it but with previous PR that I've accepted, now have been appear some conflicts. Can you resolve it please? I will try to review your PR and accept it asap.

[jannessm]

I added now the new style. other PRs I havent found except the readme update which should be no conflict when merging. Hope that everything works fine!