feat(docs): add security to docs

docs/nuxt.config.ts

@@ -1,6 +1,6 @@
 export default defineNuxtConfig({
   extends: '@nuxt-themes/docus',
-  modules: ['@nuxtjs/plausible', '@nuxtlabs/github-module'],
+  modules: ['@nuxtjs/plausible', '@nuxtlabs/github-module', 'nuxt-security'],
   experimental: {
     // Need this otherwise vue-server-renderer not found
     externalVue: false
@@ -10,5 +10,14 @@ export default defineNuxtConfig({
     owner: 'Baroshem',
     repo: 'nuxt-security',
     branch: 'main'
+  },
+
+  security: {
+    headers: {
+      contentSecurityPolicy: {
+        'img-src': ["'self'", "data:", 'https:'] // Allow https: external images
+      },
+      crossOriginEmbedderPolicy: 'credentialless' // Allow youtube and stackblitz iframes
+    }
   }
 })

docs/package.json

@@ -12,7 +12,8 @@
     "@nuxt-themes/docus": "^1.14.7",
     "@nuxtjs/plausible": "^1.0.0",
     "@nuxtlabs/github-module": "^1.6.3",
-    "nuxt": "^3.11.2"
+    "nuxt": "^3.11.2",
+    "nuxt-security": "^2.0.0-beta.4"
   },
   "resolutions": {
     "string-width": "4.2.3",