Integration with zone.js

[segevfiner]

Is there any way to integrate with zone.js so that Vue component methods, setup function, script setup, etc, all run under a zone with some defined properties?

Vue doesn't need it like angular of course, but I'm trying to use it to maintain some context that I want a global logger to use across async contexts and it could be interesting to also be able to attach a root context to the Vue app.

[segevfiner]

Offf. And I just discovered that zone.js doesn't work with native async/await... Is there really no way to get something like AsyncLocalStorage in the browser?

[nioc]

Did you find an answer for this? I'm trying to implement open-telemetry on a vue app, and I am facing the same problem 😞

[segevfiner]

The following plugin config:

    // https://github.com/evanw/esbuild/issues/2780
    {
      ...babel({
        babelConfig: {
          babelrc: false,
          configFile: false,
          plugins: [
            "@babel/plugin-transform-async-to-generator",
            "@babel/plugin-proposal-async-generator-functions"
          ]
        },
        filter: /\.(?:jsx?|tsx?|vue)$/,
      }),
      enforce: "post",
    },

[nioc]

Thanks, I will take a look at it