feat: Pass all listeners to render function in CFlex, Stack

[simpletrontdip]

Description

It's quite common for container components like CFlex, CStack to receive custom listeners such as click, blur.
It will be especially helpful and more common to have them when rendering with custom component as prop.
It is more intuitive to have all listeners passed down by default.

As in #452, when rendering CStack as a form, we are unable to receive its onSubmit, then we have to create a wrapper outside CStack, this may break HTML structure and break our CSS selectors, which is not really ideal.

So here, we include all computedListeners into the render function, allow components to receive it.

Closes #452

How Has This Been Tested?

• I have added some tests to make sure the handler gets called
• Nothing will affect the current version
• For the 2 tests file, I've added the describe phrase to make test results more readable

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.

[changeset-bot]

🦋 Changeset detected

Latest commit: af04f8b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@chakra-ui/vue	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

@simpletrontdip is attempting to deploy a commit to the Chakra UI Team on Vercel.

A member of the Team first needs to authorize it.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit af04f8b:

Sandbox	Source
Chakra UI Vue (0.X) Starter Template	Configuration
chakra-ui-nuxt-demo	Configuration
optimistic-christian-eovxo	Issue #452

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

chakra-ui-vue – ./

🔍 Inspect: https://vercel.com/chakra-ui/chakra-ui-vue/AJkhsY9w4xcTGQZaTGNH3gu8jJBG
✅ Preview: https://chakra-ui-vue-git-fork-simpletrontdip-stack-cu-4b1fcc-chakra-ui.vercel.app

[Deployment for af04f8b canceled]

[codebender828]

Thank you @simpletrontdip for this PR. It's a great example of what open source should be.

Everything looks solid otherwuse

Will add a changeset and then merge it. Thank you.

[codebender828]

I just noticed that there might be some old snapshots that were not removed in this PR. Not updating them will fail on CI.

You can run yarn run test:core -u tup update the snapshots and then push again. Everything should be fine after that.

[simpletrontdip]

I've updated the snapshots, thanks ^^

[codebender828]

@all-contributors please add @simpletrontdip for bugs, code and tests

[allcontributors]

@codebender828

I've put up a pull request to add @simpletrontdip! 🎉