@commonpub/layer 0.57.0 → 0.58.0

package/pages/federated-hubs/[id]/index.vue

@@ -23,7 +23,7 @@ const { data: members } = useLazyFetch<FederatedMember[]>(`/api/federated-hubs/$
 });
 
 useSeoMeta({
-  title: () => hub.value ? `${hub.value.name} — ${useSiteName()}` : 'Federated Hub',
+  title: () => hub.value ? `${hub.value.name}, ${useSiteName()}` : 'Federated Hub',
   description: () => hub.value?.description || '',
 });
 
@@ -168,7 +168,7 @@ async function handlePost(): Promise<void> {
     toast.success('Post sent to hub via federation');
     await Promise.all([refreshHub(), refreshPosts()]);
   } catch {
-    toast.error('Failed to post — the remote hub may not accept posts from this instance');
+    toast.error('Failed to post, the remote hub may not accept posts from this instance');
   } finally {
     posting.value = false;
   }
@@ -234,7 +234,7 @@ async function handleJoinHub(): Promise<void> {
         method: 'POST',
         body: { federatedHubId: hub.value.id },
       });
-      toast.success(result.status === 'joined' ? 'Now following this hub' : 'Follow request sent — it may take a moment to be accepted');
+      toast.success(result.status === 'joined' ? 'Now following this hub' : 'Follow request sent, it may take a moment to be accepted');
       await Promise.all([refreshHub(), refreshFollowState()]);
     } catch (err: unknown) {
       const msg = err instanceof Error ? err.message : 'Failed to follow hub';

package/pages/federated-hubs/[id]/posts/[postId].vue

@@ -97,7 +97,7 @@ function stripHtml(html: string): string {
 }
 
 useSeoMeta({
-  title: () => post.value ? `${stripHtml(post.value.content || '').slice(0, 60)} — ${hub.value?.name ?? 'Hub'}` : 'Post',
+  title: () => post.value ? `${stripHtml(post.value.content || '').slice(0, 60)}, ${hub.value?.name ?? 'Hub'}` : 'Post',
   description: () => stripHtml(post.value?.content ?? '').slice(0, 160),
 });
 

package/pages/federation/search.vue

@@ -2,7 +2,7 @@
 definePageMeta({});
 
 useHead({
-  title: 'Find Remote Users — Federation',
+  title: 'Find Remote Users, Federation',
 });
 </script>
 

package/pages/feed.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 useSeoMeta({
-  title: `Feed — ${useSiteName()}`,
+  title: `Feed, ${useSiteName()}`,
   description: 'Recent published content from the community.',
 });
 

package/pages/hubs/[slug]/members.vue

@@ -11,7 +11,7 @@ const { user } = useAuth();
 const currentUserRole = computed(() => hub.value?.currentUserRole ?? null);
 const canManage = computed(() => currentUserRole.value === 'owner' || currentUserRole.value === 'admin');
 
-useSeoMeta({ title: () => `Members — ${hub.value?.name ?? 'Hub'} — ${useSiteName()}` });
+useSeoMeta({ title: () => `Members, ${hub.value?.name ?? 'Hub'}, ${useSiteName()}` });
 
 const roles = ['member', 'moderator', 'admin'] as const;
 

package/pages/hubs/[slug]/posts/[postId].vue

@@ -137,7 +137,7 @@ function formatDate(d: string | Date): string {
 }
 
 useSeoMeta({
-  title: () => post.value ? `${post.value.content?.slice(0, 60)} — ${hub.value?.name ?? 'Hub'}` : 'Post',
+  title: () => post.value ? `${post.value.content?.slice(0, 60)}, ${hub.value?.name ?? 'Hub'}` : 'Post',
 });
 </script>
 

package/pages/hubs/[slug]/settings.vue

@@ -10,7 +10,7 @@ import type { Serialized, HubDetail } from '@commonpub/server';
 const { data: hub } = useLazyFetch<Serialized<HubDetail>>(() => `/api/hubs/${slug.value}`);
 
 useSeoMeta({
-  title: () => `Settings — ${hub.value?.name ?? 'Hub'} — ${useSiteName()}`,
+  title: () => `Settings, ${hub.value?.name ?? 'Hub'}, ${useSiteName()}`,
 });
 
 const form = reactive({
@@ -134,8 +134,8 @@ async function handleSave(): Promise<void> {
         <div class="cpub-field">
           <label for="hub-join" class="cpub-field-label">Join Policy</label>
           <select id="hub-join" v-model="form.joinPolicy" class="cpub-field-input">
-            <option value="open">Open — anyone can join</option>
-            <option value="approval">Approval — requests must be approved</option>
+            <option value="open">Open, anyone can join</option>
+            <option value="approval">Approval, requests must be approved</option>
             <option value="invite">Invite Only</option>
           </select>
         </div>
@@ -143,8 +143,8 @@ async function handleSave(): Promise<void> {
         <div class="cpub-field">
           <label for="hub-privacy" class="cpub-field-label">Privacy</label>
           <select id="hub-privacy" v-model="form.privacy" class="cpub-field-input">
-            <option value="public">Public — visible to everyone</option>
-            <option value="private">Private — members only</option>
+            <option value="public">Public, visible to everyone</option>
+            <option value="private">Private, members only</option>
           </select>
         </div>
       </div>

package/pages/hubs/create.vue

@@ -2,7 +2,7 @@
 definePageMeta({ middleware: 'auth' });
 
 useSeoMeta({
-  title: `Create Hub — ${useSiteName()}`,
+  title: `Create Hub, ${useSiteName()}`,
   description: 'Create a new maker hub.',
 });
 
@@ -73,17 +73,17 @@ async function handleCreate(): Promise<void> {
         <div class="cpub-field">
           <label for="hub-type" class="cpub-field-label">Hub Type</label>
           <select id="hub-type" v-model="hubType" class="cpub-field-input">
-            <option value="community">Community — maker group / topic space</option>
-            <option value="product">Product — product or platform page</option>
-            <option value="company">Company — organization page</option>
+            <option value="community">Community, maker group / topic space</option>
+            <option value="product">Product, product or platform page</option>
+            <option value="company">Company, organization page</option>
           </select>
         </div>
 
         <div class="cpub-field">
           <label for="hub-join" class="cpub-field-label">Join Policy</label>
           <select id="hub-join" v-model="joinPolicy" class="cpub-field-input">
-            <option value="open">Open — anyone can join</option>
-            <option value="approval">Approval — requests must be approved</option>
+            <option value="open">Open, anyone can join</option>
+            <option value="approval">Approval, requests must be approved</option>
             <option value="invite">Invite Only</option>
           </select>
         </div>

package/pages/hubs/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 useSeoMeta({
-  title: `Hubs — ${useSiteName()}`,
+  title: `Hubs, ${useSiteName()}`,
   description: 'Browse and join maker communities.',
 });
 

package/pages/index.vue

@@ -2,7 +2,7 @@
 import type { Serialized, ContentListItem, PaginatedResponse, HomepageSection } from '@commonpub/server';
 
 useSeoMeta({
-  title: `${useSiteName()} — Open Maker Platform`,
+  title: `${useSiteName()}, Open Maker Platform`,
   description: 'Build, document, and share your projects with a community of makers.',
 });
 
@@ -126,7 +126,7 @@ async function handleHubJoin(hubSlug: string): Promise<void> {
          Renders DB-driven layout via <LayoutSlot> zones ONLY when BOTH
          (a) features.layoutEngine is ON AND (b) a layout actually exists
          at scope ('route', '/'). Falls through to the configurable or
-         legacy renderer otherwise — including when the flag's ON but
+         legacy renderer otherwise, including when the flag's ON but
          no layout has been seeded yet (the "blank page" trap reported
          in session 158 follow-up).
 

package/pages/learn/[slug]/[lessonSlug]/edit.vue

@@ -19,7 +19,7 @@ const { data: lessonData, pending: lessonPending, error: lessonError, refresh }
 );
 
 useSeoMeta({
-  title: () => lessonData.value ? `Edit: ${lessonData.value.lesson.title} — ${useSiteName()}` : `Edit Lesson — ${useSiteName()}`,
+  title: () => lessonData.value ? `Edit: ${lessonData.value.lesson.title}, ${useSiteName()}` : `Edit Lesson, ${useSiteName()}`,
 });
 
 const lesson = computed(() => lessonData.value?.lesson);

package/pages/learn/[slug]/[lessonSlug]/index.vue

@@ -28,7 +28,7 @@ const lesson = computed(() => lessonData.value?.lesson);
 const lessonModule = computed(() => lessonData.value?.module);
 
 useSeoMeta({
-  title: () => lesson.value ? `${lesson.value.title} — ${useSiteName()}` : `Lesson — ${useSiteName()}`,
+  title: () => lesson.value ? `${lesson.value.title}, ${useSiteName()}` : `Lesson, ${useSiteName()}`,
 });
 
 const { isAuthenticated, user } = useAuth();
@@ -165,9 +165,9 @@ async function submitQuiz(): Promise<void> {
       quizGrade.value = res.quiz;
       if (res.quiz.passed) {
         completed.value = true;
-        toast.success(`Passed — ${res.quiz.score}%`);
+        toast.success(`Passed, ${res.quiz.score}%`);
       } else {
-        toast.error(`Scored ${res.quiz.score}% — below passing. Try again.`);
+        toast.error(`Scored ${res.quiz.score}%, below passing. Try again.`);
       }
     }
   } catch (err: unknown) {
@@ -339,7 +339,7 @@ const isOwner = computed(() => user.value?.id === path.value?.author?.id);
           <div v-if="quizGrade" class="quiz-score" :class="{ passed: quizGrade.passed, failed: !quizGrade.passed }">
             <div class="quiz-score-value">{{ quizGrade.correct }} / {{ quizGrade.total }}</div>
             <div class="quiz-score-label">
-              {{ quizGrade.score }}% — {{ quizGrade.passed ? 'Passed' : 'Did not pass' }}
+              {{ quizGrade.score }}%, {{ quizGrade.passed ? 'Passed' : 'Did not pass' }}
             </div>
             <button v-if="!quizGrade.passed" class="quiz-retry-btn" @click="retryQuiz">
               <i class="fa-solid fa-rotate-right"></i> Try Again

package/pages/learn/[slug]/edit.vue

@@ -17,7 +17,7 @@ type PathModule = Omit<NonNullable<Serialized<LearningPathDetail>['modules']>[nu
 
 const { data: path, pending: pathPending, error: pathError, refresh } = useLazyFetch<Serialized<LearningPathDetail>>(() => `/api/learn/${slug.value}`);
 
-useSeoMeta({ title: () => `Edit ${path.value?.title ?? 'Path'} — ${useSiteName()}` });
+useSeoMeta({ title: () => `Edit ${path.value?.title ?? 'Path'}, ${useSiteName()}` });
 
 const saving = ref(false);
 const publishing = ref(false);

package/pages/learn/[slug]/index.vue

@@ -7,7 +7,7 @@ import type { Serialized, LearningPathDetail } from '@commonpub/server';
 const { data: path, pending: pathPending, error: pathError, refresh } = useLazyFetch<Serialized<LearningPathDetail>>(() => `/api/learn/${slug.value}`);
 
 useSeoMeta({
-  title: () => path.value ? `${path.value.title} — Learn — ${useSiteName()}` : `Learn — ${useSiteName()}`,
+  title: () => path.value ? `${path.value.title}, Learn, ${useSiteName()}` : `Learn, ${useSiteName()}`,
   description: () => path.value?.description || '',
   ogImage: '/og-default.png',
 });

package/pages/learn/create.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 definePageMeta({ middleware: 'auth' });
 
-useSeoMeta({ title: `Create Learning Path — ${useSiteName()}` });
+useSeoMeta({ title: `Create Learning Path, ${useSiteName()}` });
 
 const toast = useToast();
 const { extract: extractError } = useApiError();

package/pages/learn/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useSeoMeta({ title: `Learn — ${useSiteName()}` });
+useSeoMeta({ title: `Learn, ${useSiteName()}` });
 
 const { isAuthenticated, user } = useAuth();
 
@@ -55,7 +55,7 @@ const activeDifficultyFilter = ref('');
       <div class="cpub-learn-hero-inner">
         <div class="cpub-hero-eyebrow"><i class="fa-solid fa-graduation-cap"></i> &nbsp;Learning Hub</div>
         <h1 class="cpub-hero-title">Learn</h1>
-        <p class="cpub-hero-sub">Structured courses, interactive explainers, and hands-on tutorials — from beginner to production-ready.</p>
+        <p class="cpub-hero-sub">Structured courses, interactive explainers, and hands-on tutorials, from beginner to production-ready.</p>
         <div class="cpub-hero-cats">
           <div
             v-for="c in heroCategories"

package/pages/messages/[conversationId].vue

@@ -78,7 +78,7 @@ const participantLabel = computed(() => {
   return others.length > 0 ? others.join(', ') : 'Conversation';
 });
 
-useSeoMeta({ title: () => `Message — ${participantLabel.value}` });
+useSeoMeta({ title: () => `Message, ${participantLabel.value}` });
 
 async function handleSend(text: string): Promise<void> {
   try {

package/pages/messages/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useSeoMeta({ title: `Messages — ${useSiteName()}` });
+useSeoMeta({ title: `Messages, ${useSiteName()}` });
 definePageMeta({ middleware: 'auth' });
 
 interface ParticipantRef {

package/pages/notifications.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useSeoMeta({ title: `Notifications — ${useSiteName()}` });
+useSeoMeta({ title: `Notifications, ${useSiteName()}` });
 definePageMeta({ middleware: 'auth' });
 
 const activeTab = ref('all');

package/pages/privacy.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 useSeoMeta({
-  title: `Privacy Policy — ${useSiteName()}`,
+  title: `Privacy Policy, ${useSiteName()}`,
   description: 'How we collect, use, and protect your personal data.',
 });
 
@@ -65,11 +65,11 @@ const { federation: federationEnabled } = useFeatures();
         <h2>5. Cookies</h2>
         <p>We use a small number of cookies to provide and improve the service:</p>
         <ul>
-          <li><strong>Session cookie</strong> (<code>better-auth.session_token</code>): strictly necessary — authenticates your login session. HttpOnly, secure, 7-day expiry.</li>
-          <li><strong>Consent cookie</strong> (<code>cpub-consent</code>): strictly necessary — stores your cookie consent choice.</li>
-          <li><strong>Color scheme</strong> (<code>cpub-color-scheme</code>): functional — remembers your light/dark mode preference. Set only with your consent.</li>
+          <li><strong>Session cookie</strong> (<code>better-auth.session_token</code>): strictly necessary, authenticates your login session. HttpOnly, secure, 7-day expiry.</li>
+          <li><strong>Consent cookie</strong> (<code>cpub-consent</code>): strictly necessary, stores your cookie consent choice.</li>
+          <li><strong>Color scheme</strong> (<code>cpub-color-scheme</code>): functional, remembers your light/dark mode preference. Set only with your consent.</li>
         </ul>
-        <p>We do not use any advertising or tracking cookies. Your instance operator may add analytics cookies — these require your explicit consent. For the full list of cookies and to manage your preferences, visit our <NuxtLink to="/cookies">Cookie Policy</NuxtLink>.</p>
+        <p>We do not use any advertising or tracking cookies. Your instance operator may add analytics cookies, these require your explicit consent. For the full list of cookies and to manage your preferences, visit our <NuxtLink to="/cookies">Cookie Policy</NuxtLink>.</p>
       </section>
 
       <section v-if="federationEnabled" class="cpub-legal-section">

package/pages/products/[slug].vue

@@ -6,7 +6,7 @@ const { data: product, pending } = useLazyFetch(`/api/products/${slug}`) as { da
 const { data: projectsUsing } = useLazyFetch(`/api/products/${slug}/content`) as { data: Ref<any[] | null> };
 
 useSeoMeta({
-  title: () => product.value ? `${product.value.name} — ${useSiteName()}` : `Product — ${useSiteName()}`,
+  title: () => product.value ? `${product.value.name}, ${useSiteName()}` : `Product, ${useSiteName()}`,
   description: () => product.value?.description ?? '',
 });
 </script>

package/pages/products/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useSeoMeta({ title: `Products — ${useSiteName()}`, description: 'Browse products, components, and tools.' });
+useSeoMeta({ title: `Products, ${useSiteName()}`, description: 'Browse products, components, and tools.' });
 
 const search = ref('');
 const category = ref('');

package/pages/search.vue

@@ -2,7 +2,7 @@
 import type { PaginatedResponse } from '@commonpub/server';
 
 useSeoMeta({
-  title: `Search — ${useSiteName()}`,
+  title: `Search, ${useSiteName()}`,
   description: 'Search for projects, articles, people, and communities.',
 });
 

package/pages/settings/profile.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 definePageMeta({ middleware: 'auth' });
-useSeoMeta({ title: `Edit Profile — ${useSiteName()}` });
+useSeoMeta({ title: `Edit Profile, ${useSiteName()}` });
 
 const { user } = useAuth();
 const toast = useToast();

package/pages/settings.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 definePageMeta({ middleware: 'auth' });
-useSeoMeta({ title: `Settings — ${useSiteName()}` });
+useSeoMeta({ title: `Settings, ${useSiteName()}` });
 </script>
 
 <template>

package/pages/tags/[slug].vue

@@ -5,7 +5,7 @@ const route = useRoute();
 const tagSlug = computed(() => route.params.slug as string);
 
 useSeoMeta({
-  title: () => `#${tagSlug.value} — ${useSiteName()}`,
+  title: () => `#${tagSlug.value}, ${useSiteName()}`,
   description: () => `Content tagged with "${tagSlug.value}" on CommonPub`,
 });
 

package/pages/tags/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useSeoMeta({ title: `Tags — ${useSiteName()}`, description: 'Browse content by tags.' });
+useSeoMeta({ title: `Tags, ${useSiteName()}`, description: 'Browse content by tags.' });
 
 const { data: trending, pending } = await useFetch<any>('/api/search/trending');
 

package/pages/terms.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 useSeoMeta({
-  title: `Terms of Service — ${useSiteName()}`,
+  title: `Terms of Service, ${useSiteName()}`,
   description: 'Terms and conditions for using this platform.',
 });
 

package/pages/u/[username]/[type]/[slug]/edit.vue

@@ -30,7 +30,7 @@ if (user.value?.username && user.value.username !== username.value) {
 }
 
 useSeoMeta({
-  title: () => isNew.value ? `New ${contentType.value} — ${useSiteName()}` : `Edit — ${useSiteName()}`,
+  title: () => isNew.value ? `New ${contentType.value}, ${useSiteName()}` : `Edit, ${useSiteName()}`,
 });
 
 const title = ref('');
@@ -62,7 +62,7 @@ const projectTemplate: [string, Record<string, unknown>][] = [
   ['heading', { text: 'Prerequisites', level: 2 }],
   ['paragraph', { html: '<ul><li><p>Required tools, accounts, or hardware</p></li><li><p>Link each tool/service on first mention</p></li></ul>' }],
   ['partsList', { parts: [] }],
-  ['buildStep', { stepNumber: 1, title: 'Set Up', time: '', children: [['paragraph', { html: '<p>Brief context sentence — why this step matters. Use code blocks for commands, inline code for filenames and values.</p>' }]] }],
+  ['buildStep', { stepNumber: 1, title: 'Set Up', time: '', children: [['paragraph', { html: '<p>Brief context sentence, why this step matters. Use code blocks for commands, inline code for filenames and values.</p>' }]] }],
   ['buildStep', { stepNumber: 2, title: 'Build', time: '', children: [['paragraph', { html: '<p>Continue the pattern. Each build step = one phase of the build. Link to external repos for full code instead of pasting walls of code.</p>' }]] }],
   ['buildStep', { stepNumber: 3, title: 'Verify', time: '', children: [['paragraph', { html: '<p>Add as many steps as needed. Each step should be a clear, actionable phase.</p>' }]] }],
   ['heading', { text: 'Testing & Verification', level: 2 }],
@@ -290,7 +290,7 @@ async function handlePublish(): Promise<void> {
     try {
       await $fetch(`/api/contests/${contestFromQuery}/entries`, { method: 'POST', body: { contentId: contentId.value } });
       submitToast.success('Entered into the contest!');
-    } catch { /* non-blocking — user can submit manually from the contest page */ }
+    } catch { /* non-blocking, user can submit manually from the contest page */ }
   }
 }
 

package/pages/u/[username]/[type]/[slug]/index.vue

@@ -27,7 +27,7 @@ watch(() => content.value?.type, (type) => {
 }, { immediate: true });
 
 useSeoMeta({
-  title: () => content.value?.title ? `${content.value.title} — ${useSiteName()}` : useSiteName(),
+  title: () => content.value?.title ? `${content.value.title}, ${useSiteName()}` : useSiteName(),
   description: () => content.value?.seoDescription || content.value?.description || '',
   ogImage: () => content.value?.coverImageUrl || '/og-default.png',
   ogTitle: () => content.value?.title || useSiteName(),

package/pages/u/[username]/followers.vue

@@ -2,7 +2,7 @@
 const route = useRoute();
 const username = route.params.username as string;
 
-useSeoMeta({ title: `Followers — @${username} — ${useSiteName()}` });
+useSeoMeta({ title: `Followers, @${username}, ${useSiteName()}` });
 
 const { data: followers } = useLazyFetch<Array<{ id: string; username: string; displayName: string | null; avatarUrl: string | null }>>(`/api/users/${username}/followers`);
 const { isAuthenticated, user } = useAuth();

package/pages/u/[username]/following.vue

@@ -2,7 +2,7 @@
 const route = useRoute();
 const username = route.params.username as string;
 
-useSeoMeta({ title: `Following — @${username} — ${useSiteName()}` });
+useSeoMeta({ title: `Following, @${username}, ${useSiteName()}` });
 
 const { data: following } = useLazyFetch<Array<{ id: string; username: string; displayName: string | null; avatarUrl: string | null }>>(`/api/users/${username}/following`);
 const { isAuthenticated, user } = useAuth();

package/pages/u/[username]/index.vue

@@ -3,8 +3,8 @@ const route = useRoute();
 const username = route.params.username as string;
 
 useSeoMeta({
-  title: `${username} — ${useSiteName()}`,
-  ogTitle: `${username} — ${useSiteName()}`,
+  title: `${username}, ${useSiteName()}`,
+  ogTitle: `${username}, ${useSiteName()}`,
   ogImage: '/og-default.png',
   ogType: 'profile',
   twitterCard: 'summary',
@@ -402,7 +402,7 @@ async function handleReport(): Promise<void> {
                     <span v-if="exp.company" class="cpub-exp-company">{{ exp.company }}</span>
                   </div>
                   <div v-if="exp.startDate" class="cpub-exp-dates">
-                    {{ exp.startDate }}{{ exp.endDate ? ` — ${exp.endDate}` : ' — Present' }}
+                    {{ exp.startDate }}{{ exp.endDate ? `, ${exp.endDate}` : ', Present' }}
                   </div>
                   <p v-if="exp.description" class="cpub-exp-desc">{{ exp.description }}</p>
                 </div>

package/pages/videos/[id].vue

@@ -6,7 +6,7 @@ const videoId = computed(() => route.params.id as string);
 const { data: video } = useLazyFetch<any>(() => `/api/videos/${videoId.value}`);
 
 useSeoMeta({
-  title: () => video.value?.title ? `${video.value.title} — ${useSiteName()}` : `Video — ${useSiteName()}`,
+  title: () => video.value?.title ? `${video.value.title}, ${useSiteName()}` : `Video, ${useSiteName()}`,
   description: () => video.value?.description ?? '',
 });
 

package/pages/videos/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-useSeoMeta({ title: `Video Hub — ${useSiteName()}` });
+useSeoMeta({ title: `Video Hub, ${useSiteName()}` });
 
 const activeFilter = ref('');
 const sortOption = ref('recent');

package/pages/videos/submit.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 definePageMeta({ middleware: 'auth' });
-useSeoMeta({ title: `Submit Video — ${useSiteName()}` });
+useSeoMeta({ title: `Submit Video, ${useSiteName()}` });
 
 const toast = useToast();
 const { extract: extractError } = useApiError();
@@ -78,7 +78,7 @@ async function handleSubmit(): Promise<void> {
         <div class="form-field">
           <label for="video-cat" class="form-label">Category</label>
           <select id="video-cat" v-model="categoryId" class="form-select">
-            <option value="">— None —</option>
+            <option value="">- None -</option>
             <option v-for="cat in (categories ?? [])" :key="cat.id" :value="cat.id">{{ cat.name }}</option>
           </select>
         </div>

package/sections/builtin/hero.ts

@@ -15,7 +15,7 @@ import HeroSection from '../../components/homepage/HeroSection.vue';
 export const heroSection: SectionDefinition<HeroConfig> = {
   type: 'hero',
   name: 'Hero',
-  description: 'Top-of-page banner (uses HeroSection — contest-aware)',
+  description: 'Top-of-page banner (uses HeroSection, contest-aware)',
   icon: 'fa-bullhorn',
   category: 'layout',
   status: 'stable',

package/sections/builtin/markdown.ts

@@ -13,7 +13,7 @@ import BlockMarkdownView from '../../components/blocks/BlockMarkdownView.vue';
 export const markdownSection: SectionDefinition<MarkdownConfig> = {
   type: 'markdown',
   name: 'Markdown',
-  description: 'Markdown body — safer than custom-html (uses BlockMarkdownView)',
+  description: 'Markdown body, safer than custom-html (uses BlockMarkdownView)',
   icon: 'fa-markdown',
   category: 'content',
   status: 'stable',

package/server/api/admin/homepage/sections.put.ts

@@ -86,7 +86,7 @@ export default defineEventHandler(async (event) => {
     try {
       const result = await migrateHomepageSectionsToLayout(db, {
         adminId: user.id,
-        force: false, // changed from true — see comment above
+        force: false, // changed from true, see comment above
       });
       if (result.migrated) {
         invalidateLayoutsByRouteCache();

package/server/api/admin/layouts/[id].put.ts

@@ -103,7 +103,7 @@ export default defineEventHandler(async (event) => {
   ) {
     throw createError({
       statusCode: 400,
-      statusMessage: 'Cannot change layout scope via PUT — POST a new layout instead',
+      statusMessage: 'Cannot change layout scope via PUT, POST a new layout instead',
     });
   }
 

package/server/api/contests/[slug]/entries.post.ts

@@ -27,7 +27,7 @@ export default defineEventHandler(async (event): Promise<ContestEntryItem> => {
     const detail = contest.status === 'upcoming'
       ? 'Entries open once the contest is active.'
       : contest.status === 'judging'
-        ? 'Submissions are closed — the contest is being judged.'
+        ? 'Submissions are closed, the contest is being judged.'
         : `The contest is ${contest.status}.`;
     throw createError({ statusCode: 400, statusMessage: `This contest isn't accepting entries right now. ${detail}` });
   }
@@ -38,7 +38,7 @@ export default defineEventHandler(async (event): Promise<ContestEntryItem> => {
     .limit(1);
   if (!content) throw createError({ statusCode: 400, statusMessage: 'That content no longer exists.' });
   if (content.authorId !== user.id) throw createError({ statusCode: 403, statusMessage: 'You can only submit your own content.' });
-  if (content.status !== 'published') throw createError({ statusCode: 400, statusMessage: 'That project isn’t published yet — publish it first, then submit.' });
+  if (content.status !== 'published') throw createError({ statusCode: 400, statusMessage: 'That project isn’t published yet, publish it first, then submit.' });
   const eligible = contest.eligibleContentTypes ?? null;
   if (eligible && eligible.length > 0 && !eligible.includes(content.type)) {
     throw createError({ statusCode: 400, statusMessage: `This contest only accepts: ${eligible.join(', ')}.` });
@@ -48,7 +48,7 @@ export default defineEventHandler(async (event): Promise<ContestEntryItem> => {
   // cap + dedupes; a null here means already-entered or over the entry limit.
   const entry = await submitContestEntry(db, contest.id, input.contentId, user.id);
   if (!entry) {
-    throw createError({ statusCode: 400, statusMessage: 'Couldn’t submit — you may have already entered this project, or reached the contest’s entry limit.' });
+    throw createError({ statusCode: 400, statusMessage: 'Couldn’t submit, you may have already entered this project, or reached the contest’s entry limit.' });
   }
   return entry;
 });

package/server/api/hubs/[slug]/feed.xml.get.ts

@@ -44,7 +44,7 @@ export default defineEventHandler(async (event) => {
   const xml = `<?xml version="1.0" encoding="UTF-8"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>${escapeXml(hub.name)} — CommonPub</title>
+    <title>${escapeXml(hub.name)}, CommonPub</title>
     <link>${escapeXml(siteUrl)}/hubs/${escapeXml(slug)}</link>
     <description>${escapeXml(hub.description ?? `Content from ${hub.name}`)}</description>
     <language>en</language>

package/server/api/users/[username]/feed.xml.get.ts

@@ -49,7 +49,7 @@ export default defineEventHandler(async (event) => {
   const xml = `<?xml version="1.0" encoding="UTF-8"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>${escapeXml(displayName)} — CommonPub</title>
+    <title>${escapeXml(displayName)}, CommonPub</title>
     <link>${escapeXml(siteUrl)}/u/${escapeXml(username)}</link>
     <description>Content by ${escapeXml(displayName)}</description>
     <language>en</language>

package/server/middleware/content-redirect.ts

@@ -43,7 +43,7 @@ export default defineEventHandler(async (event) => {
     .where(and(eq(contentItems.slug, slug), isNull(contentItems.deletedAt)))
     .limit(1);
 
-  if (!row) return; // Content not found — let the page handler show 404
+  if (!row) return; // Content not found, let the page handler show 404
 
   const newPath = isEdit
     ? `/u/${row.username}/${row.type}/${row.slug}/edit`

package/server/plugins/federation-delivery.ts

@@ -15,7 +15,7 @@ export default defineNitroPlugin((nitro) => {
     try {
       const config = useConfig();
       if (!config.features.federation) {
-        console.log('[federation] Federation disabled — delivery worker not started');
+        console.log('[federation] Federation disabled, delivery worker not started');
         return;
       }
 

package/server/plugins/federation-hub-sync.ts

@@ -23,7 +23,7 @@ export default defineNitroPlugin((nitro) => {
     try {
       const config = useConfig();
       if (!config.features.federateHubs) {
-        console.log('[hub-sync] Hub federation disabled — sync worker not started');
+        console.log('[hub-sync] Hub federation disabled, sync worker not started');
         return;
       }