question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Computed schemas lose reactivity with the plugin system

See original GitHub issue

Describe the bug When reproducing this example: https://formvuelate.js.org/#schemaform-with-v-model with an Array-schema as the value changes computed property is updated (i can see that in devtools) but the rendered form is untouched

To Reproduce try to use the following computed schema in the vmodel conditional-schema example https://github.com/formvuelate/formvuelate/blob/main/.vitepress/docs/components/ExampleVModel.vue

const schema = computed(() => {
      return formData.value.type === "A"
        ? [
            {
              component: "form-select", //FormText,
              label: "Schema A or B?",
              options: ["A", "B"],
              model: "type"
            },
            {
              component: "form-text",
              label: "A field",
              model: "aField"
            }
          ]
        : [
            {
              component: "form-select", //FormText,
              label: "Schema A or B?",
              options: ["A", "B"],
              model: "type"
            },
            {
              component: "form-text",
              label: "b field",
              model: "bField"
            }
          ];
    });

try changing the value of the select

Expected behavior The A field mutates in B field on screen

System Info

  • FormVueLate version: 2.0.0

Additional context

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:16 (10 by maintainers)

github_iconTop GitHub Comments

1reaction
marina-mosticommented, Jan 18, 2021

Hey @D3m1urg0, you’re right something seems to break in the packaged version. Thanks for letting me know

1reaction
marina-mosticommented, Jan 11, 2021

Interesting. No need to open issues on the plugins, ill investigate thank you @D3m1urg0

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vue.js computed property loses its reactivity when passed ...
It's just a value. someDataItem = someComputed; the data item would not be a functional copy of the computed, it would be a...
Read more >
GraphQL Tools v7 delivers the next generation GraphQL API ...
Today we are happy to announce GraphQL Tools v7, which brings Schema Stitching to a whole new level thanks to automation and performance ......
Read more >
Spring Data Neo4j
Full support for the reactive programming model in the Spring Framework itself and Spring Data. Neo4j client and reactive client feature, ...
Read more >
Vue: When a computed property can be the wrong tool
There is a downside to this: If the result returned by a computed property can only be known after your code makes use...
Read more >
PostGraphile | makeExtendSchemaPlugin (graphile-utils)
Using makeExtendSchemaPlugin you can write a plugin that will merge additional GraphQL types and resolvers into your schema using a similar ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found