@dargmuesli/nuxt-vio 20.0.0-beta.2 → 20.0.0-beta.4

package/app/components/scn/sonner/Sonner.vue

@@ -9,7 +9,8 @@ import {
   XIcon,
 } from 'lucide-vue-next'
 import { Toaster as Sonner } from 'vue-sonner'
-import { cn } from '@/utils/shadcn'
+
+import { cn } from '../../../utils/shadcn'
 
 const props = defineProps<ToasterProps>()
 </script>

package/app/components/vio/_/VioSonner.vue

@@ -4,7 +4,7 @@
 </template>
 
 <script setup lang="ts">
-import type { ColorMode } from '~/types/color-mode'
+import type { ColorMode } from '../../../types/color-mode'
 
 const colorMode = useColorMode()
 

package/package.json

@@ -36,6 +36,7 @@
     "lucide-vue-next": "0.554.0",
     "nuxt-gtag": "4.1.0",
     "nuxt-security": "2.5.0",
+    "reka-ui": "2.6.0",
     "shadcn-nuxt": "2.3.3",
     "tailwind-merge": "3.4.0",
     "tw-animate-css": "1.4.0",
@@ -55,7 +56,6 @@
     "pinia": "3.0.4",
     "prettier": "3.6.2",
     "prettier-plugin-tailwindcss": "0.7.1",
-    "reka-ui": "2.6.0",
     "serve": "14.2.5",
     "sharp": "0.34.5",
     "stylelint": "16.26.0",
@@ -114,5 +114,5 @@
     "start:static": "serve playground/.output/public --ssl-cert ./.config/certificates/ssl.crt --ssl-key ./.config/certificates/ssl.key"
   },
   "type": "module",
-  "version": "20.0.0-beta.2"
+  "version": "20.0.0-beta.4"
 }

package/shared/utils/constants.ts

@@ -123,7 +123,7 @@ export const VIO_GET_CSP = ({ siteUrl }: { siteUrl: URL }) =>
         `${siteUrl}_nuxt/`, // bundle
       ],
       'style-src': [
-        "'nonce-{{nonce}}'",
+        "'unsafe-inline'", // TODO: replace with "'nonce-{{nonce}}'" once vue-sonner supports it
         "'self'", // TODO: `${siteUrl}_nuxt/`, // bundle
       ], // TODO: use `style-src-elem` once Playwright WebKit supports it
     },