feat: add IonAnimation component

[Lexpeartha]

Resolves #34

I'm looking for a feedback, mostly regarding component's API

This PR is still WIP

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @danielroe on Vercel.

@danielroe first needs to authorize it.

[codecov-commenter]

Codecov Report

Merging #40 (d051cf2) into main (8917577) will increase coverage by 0.03%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##             main      #40      +/-   ##
==========================================
+ Coverage   92.18%   92.22%   +0.03%     
==========================================
  Files           7        8       +1     
  Lines         448      463      +15     
  Branches       37       38       +1     
==========================================
+ Hits          413      427      +14     
- Misses         35       36       +1     

Impacted Files	Coverage Δ
src/module.ts	96.55% <100.00%> (-0.31%)	⬇️
src/parts/components.ts	100.00% <100.00%> (ø)
src/parts/router.ts	92.75% <100.00%> (+0.10%)	⬆️

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
nuxt-ionic	✅ Ready (Inspect)	Visit Preview	Aug 25, 2022 at 8:46AM (UTC)

[Lexpeartha]

Worth noting than in future with more components it would make more sense to use addComponentsDir for auto-importing multiple utility components

[Lexpeartha]

Also what do you say I create 4th tab in playground showcasing all animations from the ionic docs with this component?
Would that be over-kill?

[danielroe]

4th tab sounds great!

[Lexpeartha]

I think core component is ready. Only thing left is maybe more animation examples, and updating the docs

[danielroe]

I love it ❤️

[Lexpeartha]

Only thing I'm not really sure how to approach is grouped animation. It allows for using one root animation, to play children animations in parallel. However to do this, I think I need a better way than scoped slot to expose animation object to page/component it is being using in. Any ideas?

[Lexpeartha]

@danielroe Could you take a look at docs? Is this enough of documentation for such a component with lots of props, or should I be more thorough?

[Lexpeartha]

Only thing I'm not really sure how to approach is grouped animation. It allows for using one root animation, to play children animations in parallel. However to do this, I think I need a better way than scoped slot to expose animation object to page/component it is being using in. Any ideas?

Also about exposing an animation object, I tried to do some provide/inject trickery to automatically group animations if they are direct children of the another animation component, but to no avail.
Only thing that comes to my mind now is to expose it via emit, but that approach seems very intuitive to me

[Lexpeartha]

I'm merging the PR. If you think docs need more work lmk, but I think component is straight-forward enough that this will do