feat: Feedback component

Author: VisualEhrmanntraut

astro.config.mjs

@@ -80,6 +80,7 @@ export default defineConfig({
         Head: "~/components/starlight/Head.astro",
         MarkdownContent: "~/components/starlight/MarkdownContent.astro",
         SocialIcons: "~/components/starlight/SocialIcons.astro",
+        Pagination: "~/components/starlight/Pagination.astro",
       },
       social: [
         {

package.json

@@ -18,6 +18,7 @@
     "@tailwindcss/vite": "^4.1.11",
     "astro": "^5.12.9",
     "astro-embed": "^0.9.0",
+    "astro-feelback": "^0.3.4",
     "astro-icon": "^1.1.5",
     "astro-og-canvas": "^0.7.0",
     "astro-vtbot": "^2.1.7",

pnpm-lock.yaml

@@ -0,0 +1,16 @@
+---
+import FeelbackTaggedMessage from "astro-feelback/components/FeelbackTaggedMessage.astro";
+import "astro-feelback/styles/feelback.css";
+
+const CONTENT_SET_ID = "ee441389-b4e1-40c6-8d94-5140dbf1941a";
+---
+
+<FeelbackTaggedMessage
+    contentSetId={CONTENT_SET_ID}
+    preset="evaluation"
+    title="Was this page useful?"
+    layout="reveal-message"
+    style={["bordered", "align-center"]}
+    showCount
+    withEmail
+/>

src/components/FeedbackComponent.astro

@@ -0,0 +1,8 @@
+---
+import StarlightPagination from "@astrojs/starlight/components/Pagination.astro";
+import FeedbackComponent from "~/components/FeedbackComponent.astro";
+---
+<>
+    <FeedbackComponent />
+    <StarlightPagination {...Astro.props} />
+</>