feat: roles SPA foundations

web/src/views/ArticleView.vue

@@ -14,12 +14,22 @@ import AppPaginator from '@/components/AppPaginator.vue'
 import { useArticleList } from '@/composables/useArticleList'
 import { useArticleRowActions } from '@/composables/useArticleRowActions'
 import { useArticleSites } from '@/composables/useArticleSites'
+import { useContentAccess } from '@/composables/useContentAccess'
 import type { Article } from '@/composables/useArticles'
 import { effectiveSort } from '@/lib/articleListQuery'
+import { ARTICLE_TYPE_KEY } from '@/lib/routeAccess'
 
 const DEFAULT_SKELETON_ROWS = 6
 
 const router = useRouter()
+const access = useContentAccess(ARTICLE_TYPE_KEY, 'articles')
+const writerLine = computed(() =>
+	access.canCreate.value &&
+	access.updateScope.value === 'all' &&
+	access.publishScope.value === 'none'
+		? t('You can write and edit all articles. Publishing is done by an editor.')
+		: t("Everything you've written, online and in draft."),
+)
 
 const list = useArticleList({
 	sitesSettled: () => siteList.sitesSettled.value,
@@ -132,11 +142,10 @@ onMounted(() => {
 					>
 						{{ t('Articles') }}
 					</h1>
-					<p class="text-muted">
-						{{ t("Everything you've written, online and in draft.") }}
-					</p>
+					<p class="text-muted">{{ writerLine }}</p>
 				</div>
 				<UButton
+					v-if="access.canCreate.value"
 					icon="i-lucide-plus"
 					class="hidden h-8 px-3 sm:flex"
 					@click="openNewArticleModal"
@@ -214,6 +223,7 @@ onMounted(() => {
 		</div>
 
 		<UButton
+			v-if="access.canCreate.value"
 			icon="i-lucide-plus"
 			class="fixed inset-x-4 bottom-4 h-12 justify-center text-[0.9375rem] shadow-(--shadow-popover) sm:hidden"
 			@click="openNewArticleModal"