bounce.js | Create beautiful CSS3 powered animations in no time | Animation library

I created a Nuxt application that uses Auth0 as the login provider. When you log in, you get redirected to the callback page and then the auth module takes over and saves the login information in the state. All works perfectly in Dev mode, but as soon as I generate code for production, the auth module no longer reacts to the callback and you are not logged in. Generating in target server or static has no effect. I'm set to mode=universal. I tried to enable SSR or specifically disable it, to no effect. I'm using

"nuxt": "^2.15.4"

"@nuxtjs/auth": "^4.9.1",

I've been fighting this thing for a week, and I've seen numerous threads that talk about this, but no one provided a solution. Is this really a problem that was not dealt with in Nuxt? That pretty much kills the usefulness of the platform if it can't handle auth in production... Does anyone have a way to solve this?

I'm willing to post my code, if it will help resolve this.

EDIT: here is my nuxt.config.js file:

I am trying to make a simple debouncing hook (implementation from a video) and use it in the Context but it doesn't work. More interestingly, it does not allow me to type anything in the input. I store handler functions and state in the Context and passing necessary things to child components.

useDebounce.js

I am trying to create a reusable debounce function in Vue 3 using the composition API but am struggling to get it to work.

This is what I have so far:

debounce.js

Previously, Jest worked fine with import statements; however, upon installing the dependency 'react-router-transition' I am unable to perfrom any tests and receive the following error:

` FAIL src/pages/Costs/Costs.test.js ● Test suite failed to run

I am struggling to persist the new data to the database because I can't find the proper ApplicationDbContext method. First of all, let me show you the steps that led to this. The following method shows how got the necessary fields from the Db in order to fill in the fields in the Edit view.

I am trying to use the debounce feature as well as the ability to retain the value of textbox that I typed but it's not happening for some reason. If I comment out setMyval(e.target.value); on line #20 then the debounce works without any issue but the value I type does not show up. Whereas if I uncomment it, then the value shows in the textbox but debounce feature does not work (meaning there are multiple console logs). Please if someone can tell me why is this happening and how can I make it work, it would help me.

Below is my reactjs code:

Having a controller, MyCtrl:

I am pretty new to JavaScript and frontEnd, I am trying to build a modal popup which asks for a form submission.Now what I am trying to do is to hide popup as soon the user clicks the submit button.

I'm trying to animate two square containers so that when they are tapped they are animated to scale. I see all these transform class examples online that show animation of a widget however when I use the transform class the scale just jumps from its initial value to its final value.

My end goal is to animate a container to 'bounce' every time it is tapped like what you can do with bounce.js in web development. To understand what I mean you can go to http://bouncejs.com, click 'select preset' in the upper left corner, select jelly from the drop down menu and click 'play animation'.

Can this be done with the transform class?

Here is my code: