Add blog to docs site with landing page teaser

[Copilot]

Adds a blog section alongside the existing documentation, with a split landing page that teasers the latest post.

What's new

• content.config.ts — Nuxt Content v3 blog collection with schema (date, image, minRead, author)
• content/blog/neue-admin-oberflaeche-tetracontrol2connect.md — first post (German): TetraControl2Connect v3 Admin UI — covers the new web dashboard, SQLite config backend, setup wizard, live view, and v2 migration
• app/pages/blog/index.vue — /blog list page using UBlogPosts / UBlogPost with date, reading-time badge, and author
• app/pages/blog/[slug].vue — individual post page via ContentRenderer
• app/components/BlogTeaser.vue — fetches latest post, renders as a horizontal card (small image on the left, title/description/metadata on the right); embedded on the landing page via :blog-teaser MDC
• content/index.md — appends :blog-teaser, splitting the landing page into Dokumentation + Blog sections

Screenshots

Landing page — blog teaser below the product grid:

Blog post page:

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Add a blog to the docs</issue_title>
<issue_description>We've been using the docus template to create our documentations for the different apps in our portfolio. In addition to that I'd like to add a blog to this application. Nuxt UI already comes with a great template, see https://portfolio-template.nuxt.dev/blog and the repo here https://github.com/nuxt-ui-templates/portfolio

Please add one dummy blog post, e.g. about the new Admin UI for TetraControl2Connect.

I'd like to split the landing page into two sections, docs and blog, ideally with a teaser for the latest blog post.
</issue_description>

<agent_instructions>Use the NuxtUI and docus mcp
Docs and blog is german only</agent_instructions>

Comments on the Issue (you are @copilot in this section)

• Fixes Add a blog to the docs #16

---

⚡ Quickly spin up Copilot coding agent tasks from anywhere on your macOS or Windows machine with Raycast.

[andreaslampe]

@copilot looks good so far, but I'd prefer to have a column layout for the blog teaser, where we have a small image on the left and the text on the right.

[Copilot]

@copilot looks good so far, but I'd prefer to have a column layout for the blog teaser, where we have a small image on the left and the text on the right.

Done in 376c6c6. The teaser now uses a horizontal layout with the thumbnail on the left and the title/description/metadata on the right.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• api.fontshare.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node ./node_modules/.bin/nuxt build --extends docus (dns block)
• api.fontsource.org
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node ./node_modules/.bin/nuxt build --extends docus (dns block)
• api.iconify.design
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node ./node_modules/.bin/nuxt build --extends docus (dns block)
• fonts.bunny.net
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node ./node_modules/.bin/nuxt build --extends docus (dns block)
• fonts.google.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node ./node_modules/.bin/nuxt build --extends docus (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)