tethys.frontend/src/notes.txt

// <script lang="ts">
// import { Options, Vue } from "vue-class-component";
// import HelloWorld from "./components/HelloWorld/HelloWorld.vue";
// import VsInput from "./components/vs-input/vs-input.vue";

// @Options({
//   components: {
//     HelloWorld,
//     VsInput,
//   },
// })
// export default class App extends Vue {
//   async onSearch(term: string): Promise<void> {
//     if (term) {
//       term = term.trim();
//     } else {
//       term = "*%3A*";
//     }
//   }
// }
// </script>


npm install -g @vue/cli

vue --version
@vue/cli 4.5.15


npm install --save rxjs


npm install bulma --save-dev




npm install --save @openfonts/open-sans_all


vue inspect > out.js

npm install --save qs

npm install --save class-transformer

===== font-awsome =============================================

npm install --save @fortawesome/vue-fontawesome@prerelease
npm install --save @fortawesome/fontawesome-svg-core
npm install --save @fortawesome/free-solid-svg-icons

besser:
npm install --save @fortawesome/fontawesome-free
inside main.ts:
import "@fortawesome/fontawesome-free/css/all.css";



======================= router ================================
https://www.vuemastery.com/blog/vue-router-a-tutorial-for-vue-3/
npm install --save vue-router@next

========================== moment,js ================================
npm install --save moment@latest


==================== matomo tracking ==========================
npm install --save vue-matomo

declare module 'vue-matomo'; inside shims-vue.d.ts

======================== leaflet ==========================
npm install --save leaflet@latest 
npm install --save-dev @types/leaflet

http://geolba.net/tethys/



npm install --save dayjs
https://day.js.org/docs/en/installation/typescript

https://www.programmerall.com/article/19972027526/