💩 save 49

frontend/package.json

@@ -19,6 +19,7 @@
     "jspdf": "^2.5.1",
     "marked": "^4.3.0",
     "moment": "^2.24.0",
+    "tiptap-vuetify": "^2.24.0",
     "vue": "^2.7",
     "vue-class-component": "^7.2.3",
     "vue-dompurify-html": "^4.0.0",

frontend/src/core/core.router.ts

@@ -2,7 +2,7 @@ import Vue from "vue";
 import Router from "vue-router";
 // Add this import at the top of core.router.ts
 import vuetify, { adminTheme, kobitTheme } from "@/core/plugins/vuetify";
-
+import {theTestRoutes} from "@/features/test/the-test.routes"
 import {theMainRoutes} from "@/features/the-main/the-main.routes";
 import {erfahreMehrRoutes} from "@/features/the-additional/the-additional.routes";
 import {
@@ -70,6 +70,7 @@ routerMethods.forEach((method: string) => {
 const router = new Router({
     base: process.env.BASE_URL,
     routes: [
+        theTestRoutes,
         theMainRoutes,
         theUnterstuetzungsfinderRoutes,
         erfahreMehrRoutes,

frontend/src/features/admin/features/the-contact-points/components/TipTapEditor.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <!-- Use the component in the right place of the template -->
+    <tiptap-vuetify
+        v-model="content"
+        :extensions="extensions"
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import {Vue, Component} from 'vue-property-decorator';
+
+@Component({})
+export default class TipTapEditor extends Vue {
+
+}
+</script>
+
+
+
+<style scoped>
+
+</style>

frontend/src/features/test/TestPage.vue

@@ -0,0 +1,18 @@
+<script lang="ts">
+import {Vue, Component} from 'vue-property-decorator';
+
+@Component({})
+export default class TestPage extends Vue {
+
+}
+</script>
+
+<template>
+  <div>
+    HALLLOOOO
+  </div>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/features/test/the-test.routes.ts

@@ -0,0 +1,12 @@
+import test from "./TestPage.vue";
+export const MAIN_ROUTE_PATH = "/test";
+export const MAIN_ROUTE_NAME = "TestPage";
+
+export const theTestRoutes = {
+    name: MAIN_ROUTE_NAME,
+    path: MAIN_ROUTE_PATH,
+    component: test,
+    meta: {
+        icon: "mdi-test-tube"
+    }
+};

frontend/src/main.ts

@@ -9,6 +9,7 @@ import Toast from "vue-toastification";
 import i18n from "@/core/plugins/i18n";
 import { VueQueryPlugin } from "@tanstack/vue-query";
 import vuetify, { adminTheme, kobitTheme } from "@/core/plugins/vuetify";
+import { TiptapVuetifyPlugin } from 'tiptap-vuetify'
 
 Vue.config.productionTip = false;
 
@@ -45,6 +46,12 @@ new Vue({
   },
 }).$mount("#app");
 
+Vue.use(TiptapVuetifyPlugin, {
+  vuetify: Vuetify,
+  iconsGroup: "html"
+})
+
+
 // Use Vue.nextTick to wait for the theme to be applied before rendering the page
 Vue.nextTick(() => {
   new Vue({

frontend/src/shims-vue.d.ts

@@ -2,3 +2,5 @@ declare module '*.vue' {
   import Vue from 'vue';
   export default Vue;
 }
+
+declare module 'tiptap-vuetify'