constructor | JavaScript kata for supporting OOP inheritance | Transpiler library

Nuxt makes the $config available in two ways: as this.$config on every component instance, and context.$config passed to "special nuxt lifecycle areas like asyncData, fetch, plugins, middleware and nuxtServerInit" (docs).

It looks like you need to access the $config outside a component, so you'll need to retrieve it early in the request cycle. In particular, since you're mutating the Vue.prototype, this feels like a good fit for a plugin in the Nuxt sense, which isn't quite what you've got in your code.

If you put your plugin file in the plugins directory and reference it from the plugins array in nuxt.config.js (see link above for a broader example), you could rewrite it like this to access $config:

change the type and the constructor:

The little lighter colored "ct" prompt is just a visual aid and it does not always show up. When you provide a raw value as an argument, it will show the prompt (like this, 1, or "foo"). When you provide a variable for the argument like ctx, foo, etc, it does not show up. This goes for all functions that take arguments.

The moral of the story is, it is not important and can be ignored.

If you want your constructor with parameters to invoke another one in the same object you should use this keyword, not base:

This was difficult for me to understand, so I wanted to share if anyone else has the same issue.

It seems that an async method will break a method chain, there's no way around that. And since fetch is asynchronous, await must be used, and in order for await to be used, the calling method must be declared async. Thus the method chain will be broken.

The way the method chain is called must be changed.

In my OP, I linked https://jsfiddle.net/47sfj3Lv/3/ as a much simpler version of the same problem. StackOverflow's 'fiddle' effectively blocks 'fetch' for security reasons, so I need to use JSFiddle for demonstration.

Here's a working version of the same code using then and how/why it works, and a slightly shorter version, because await can be specified with the the fetch, obviously.

try using left join

A "for expression" must return unit, so the result is not propagated. For example:

You need a reference to the selected option. Right now you have e.target which is the onChangeField(e) { const select = e.target; const selectedOption = select.options[select.selectedIndex]; // there are a few ways to do this const value = select.value; // or selectedOption.value, the select gets the value property of its selected option const name = selectedOption.name; console.log(value); // 1234 console.log(name); // should be correct }

You should use constructor injection. And because you already injection Llaveompo you don't need to have @Value for the secret.