Refactor Vue components using Composition API #230

- Migrate `StatefulVue`:
  - Introduce `UseCollectionState` that replaces its behavior and acts
    as a shared state store.
  - Add more encapsulated, granular functions based on read or write
    access to state in CollectionState.
- Some linting rules get activates due to new code-base compability to
  modern parses, fix linting errors.
  - Rename Dialog to ModalDialog as after refactoring,
    eslintvue/no-reserved-component-names does not allow name Dialog.
  - To comply with `vue/multi-word-component-names`, rename:
    - `Code`          -> `CodeInstruction`
    - `Handle`        -> `SliderHandle`
    - `Documentable`  -> `DocumentableNode`
    - `Node`          -> `NodeContent`
    - `INode`         -> `INodeContent`
    - `Responsive`    -> `SizeObserver`
- Remove `vue-property-decorator` and `vue-class-component`
  dependencies.
- Refactor `watch` with computed properties when possible for cleaner
  code.
  - Introduce `UseApplication` to reduce repeated code in new components
    that use `computed` more heavily than before.
- Change TypeScript target to `es2017` to allow top level async calls
  for getting application context/state/instance to simplify the code by
  removing async calls. However, mocha (unit and integration) tests do
  not run with top level awaits, so a workaround is used.

src/presentation/main.ts

@@ -1,10 +1,20 @@
 import Vue from 'vue';
+import { buildContext } from '@/application/Context/ApplicationContextFactory';
 import App from './components/App.vue';
 import { ApplicationBootstrapper } from './bootstrapping/ApplicationBootstrapper';
 
-new ApplicationBootstrapper()
-  .bootstrap(Vue);
+let vue: Vue;
 
-new Vue({
-  render: (h) => h(App),
-}).$mount('#app');
+buildContext().then(() => {
+  // hack workaround to solve running tests through
+  // Vue CLI throws 'Top-level-await is only supported in EcmaScript Modules'
+  // once migrated to vite, remove buildContext() call from here and use top-level-await
+  new ApplicationBootstrapper()
+    .bootstrap(Vue);
+
+  vue = new Vue({
+    render: (h) => h(App),
+  }).$mount('#app');
+});
+
+export const getVue = () => vue; // exporting is hack until Vue 3 so vue-js-modal can be used