TinyMce for posts

src/views/creators/CreatorContent.vue

@@ -1,5 +1,7 @@
 <template>
-  <div class="w-full h-full">    
+  <div class="w-full h-full">
+    <v-btn class="flex justify-end" @click="createHtmlContent">Create Custom</v-btn>
+    <v-btn class="flex justify-end" @click="createContent">Create</v-btn>
     <div v-if="brandingStore.value.loading">
       <v-progress-linear indeterminate></v-progress-linear>
     </div>
@@ -13,5 +15,16 @@
 <script async setup>
 import {useBrandingStore} from "@/stores/brandingStore.js";
 import ContentList from "@/views/contents/ContentList.vue";
+import {useRouter} from "vue-router";
 const brandingStore = useBrandingStore()
+const router = useRouter();
+
+const createHtmlContent = () => {
+  router.push('/content/editor');
+}
+
+const createContent = () => {
+  router.push('/content/post');
+}
+
 </script>

src/views/creators/CreatorLayout.vue

@@ -1,14 +1,12 @@
 <template>
 
   <div class="flex flex-col min-h-screen max-w-[1500px] mx-auto">
-
     <div v-if="brandingStore.loading">
       <v-progress-linear indeterminate></v-progress-linear>
     </div>
     <div v-else>
       <creator-banner></creator-banner>
     </div>
-
     <div class="py-8 flex-grow">
       <router-view></router-view>
     </div>