Adds news-list

src/views/creators/CreatorContent.vue

@@ -1,7 +1,14 @@
 <template>
-  <div class="px-4" :style="{ color: brandingStore.value.colors.onBackground}">
-    <h1>Content Browser</h1>
-    <p>Get me the content i need the money!</p>
+  <div v-if="brandingStore.value.loading">
+    <v-progress-linear indeterminate></v-progress-linear>
+  </div>
+
+  <div v-else>
+    <div class="w-full h-full pr-4">
+      <content-list :creator-id="brandingStore.value.id"
+                    :contents="news"
+      ></content-list>
+    </div>
   </div>
 </template>
 
@@ -10,6 +17,7 @@
 <script async setup>
 import { ref} from 'vue';
 import {useBrandingStore} from "@/stores/brandingStore.js";
+import ContentList from "@/views/contents/ContentList.vue";
 
 const brandingStore = useBrandingStore()
 

src/views/creators/CreatorNews.vue

@@ -6,9 +6,9 @@
   
   <div v-else>
     <div class="w-full h-full pr-4">
-      <content-list :creator-id="brandingStore.value.id"
-                    :contents="news"
-      ></content-list>
+      <news-list :creator-id="brandingStore.value.id"
+                  :news="news"
+      ></news-list>
     </div>
   </div>
   
@@ -16,13 +16,13 @@
 
 <script async setup>
 import {ref} from 'vue';
-import ContentList from "@/views/contents/ContentList.vue";
+import NewsList from "@/views/news/NewsList.vue";
 import {useBrandingStore} from "@/stores/brandingStore.js";
 
 const brandingStore = useBrandingStore()
 
 const news = ref([])
-function contentPosted(content) {
+function newsPosted(content) {
   news.value.unshift(content)
 }