1b9be8fe2d
- 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.
21 lines
708 B
TypeScript
21 lines
708 B
TypeScript
import Vue from 'vue';
|
|
import { buildContext } from '@/application/Context/ApplicationContextFactory';
|
|
import App from './components/App.vue';
|
|
import { ApplicationBootstrapper } from './bootstrapping/ApplicationBootstrapper';
|
|
|
|
let vue: Vue;
|
|
|
|
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
|