Provide a uniform API for custom input components

[jsheunis]

The current structure for a custom input component:

• Template
  • This defines what the components should look like, which input it should have (e.g. v-text-field), etc. The template is straightforward if there is only one input component to use (e.g. v-text-field, see: https://github.com/psychoinformatics-de/shacl-vue/blob/main/src/components/TextFieldEditor.vue), but becomes complicated when there are multiple inputs with interdependent logic (e.g. the URIeditor: https://github.com/psychoinformatics-de/shacl-vue/blob/main/src/components/URIEditor.vue)
• Script setup
  • This includes all logic for how the component should behave, including props passed down from the parent, injected properties, computed properties, functions, etc. Typically, the main value for the custom input is handled here by means of a computed property with a getter and setter method. This is the same for most simple/single inputs, but these methods become more complex as the custom components gets multiple subcomponents with interdependent logic (such as the URIeditor)
• Script for matching
  • this provides the logic for matching the component for rendering based on the property shape.

Ideally, the complexity should be kept low both from the parent component side, as well as from the perspective of developers adding new custom components with possibly complex sub-inputs and logic.

Therefore it would make sense to abstract out some common functionality into a "base component" and "base composable" that any new custom components can inherit from.

[jsheunis]

Some progress was made here: https://github.com/psychoinformatics-de/shacl-vue/commit/fe9b9cb3077715c714c3165a07627b9225cf2adb

However, that setup is not functional yet. The plan is to simplify it for now by removing the BaseEditor component, but keeping the useBaseInput composable functionality and tuning that to a leaner implementation.

[jsheunis]

A working and simplified implementation (compared to https://github.com/psychoinformatics-de/shacl-vue/commit/fe9b9cb3077715c714c3165a07627b9225cf2adb) has now been added with https://github.com/psychoinformatics-de/shacl-vue/commit/b918ebd467fc45edcf22036a4053064b2d10388a.

[jsheunis]

Closing since the latest update here works sufficiently well for a generalised approach.