vue.js

[bardiotmarin]

Hey buddy , i search to implement on vue.js project did you have some idea to do this more easy ?

[simeydotme]

the html and css are able to be copied and viewed from the demo site,
as for the js and interactions ... sorry you're on your own there. The UX is pretty complicated and specific to the implementation.

But my "v1" pokemon card demo on CodePen has a very simplified and basic interaction which you should be able to understand how it works :)

[bardiotmarin]

Thanks for the reply buddy :)

[Maurier]

@bardiotmarin Here is a simple Vue implementation: https://github.com/Maurier/vue-pokemon-cards-css

[simeydotme]

hehe nice :)
It's amazing how similar the code is after Vue3 Composition API.
Shame Vue's Templates are still a bit too obtuse and also still uses a VirtualDOM otherwise it'd be a strong contender for Svelte! :D

Hope you learned something, and found it fun! :)

[Maurier]

Thanks a lot for sharing! This made my weekend, I learned so much.

For this implementation I stayed with Vue 2 and only pulled in the composition api because of a dependency.

I am not a fan of the composition api yet, and prefer to use Vue 2 with dev dependencies like vue-class-components because I come from a C++ background.

[simeydotme]

well it looks clean!

I know my original code is a bit chaotic and not well architected as it's just a tech demo, so you're working from shaky foundations haha.

I totally didn't know that Vue has the spring tool until I read your code :D

[bardiotmarin]

@Maurier Very helpfull to understand the mechanic thanks a lot !

[zzz6519003]

react one?