Polish frontend lifecycle and link safety

Move the home page's `onBeforeUnmount` registration out of the
`onMounted` callback so Vue's setup-time hook contract is satisfied
and the EventSource is reliably closed when the component unmounts.

Surface fetch errors separately from missing resources on the
profile and post detail pages so transient network failures no
longer render the same "Not found" title as legitimate 404s.

Add `rel="noopener noreferrer"` on the Fedify badge links opened
with `target="_blank"`.

fedify-dev#676

Assisted-by: Claude Code:claude-opus-4-7

Author: 2chanhaeng

examples/nuxt/pages/index.vue

@@ -157,7 +157,7 @@
 
     <div class="fedify-badge">
       Powered by
-      <a href="https://fedify.dev" class="fedify-anchor" target="_blank">
+      <a href="https://fedify.dev" class="fedify-anchor" target="_blank" rel="noopener noreferrer">
         Fedify
       </a>
     </div>
@@ -209,14 +209,17 @@ function formatDate(dateStr: string): string {
   });
 }
 
+let eventSource: EventSource | null = null;
+
 onMounted(() => {
-  const eventSource = new EventSource("/api/events");
+  eventSource = new EventSource("/api/events");
   eventSource.onmessage = () => {
     refresh();
   };
-  onBeforeUnmount(() => {
-    eventSource.close();
-  });
+});
+
+onBeforeUnmount(() => {
+  eventSource?.close();
 });
 </script>
 

examples/nuxt/pages/users/[identifier]/index.vue

@@ -37,6 +37,7 @@
                 href="https://fedify.dev"
                 class="fedify-anchor"
                 target="_blank"
+                rel="noopener noreferrer"
               >
                 Fedify
               </a>
@@ -55,10 +56,12 @@
 const route = useRoute();
 const identifier = route.params.identifier as string;
 
-const { data } = await useFetch(`/api/profile/${identifier}`);
+const { data, error } = await useFetch(`/api/profile/${identifier}`);
 
 useHead({
-  title: data.value
+  title: error.value
+    ? "Error - Fedify Nuxt Example"
+    : data.value
     ? `${data.value.name} - Fedify Nuxt Example`
     : "Not Found - Fedify Nuxt Example",
 });

examples/nuxt/pages/users/[identifier]/posts/[id].vue

@@ -41,10 +41,12 @@ const route = useRoute();
 const identifier = route.params.identifier as string;
 const id = route.params.id as string;
 
-const { data } = await useFetch(`/api/posts/${identifier}/${id}`);
+const { data, error } = await useFetch(`/api/posts/${identifier}/${id}`);
 
 useHead({
-  title: data.value
+  title: error.value
+    ? "Error - Fedify Nuxt Example"
+    : data.value
     ? `Post - ${data.value.author.name} - Fedify Nuxt Example`
     : "Not Found - Fedify Nuxt Example",
 });