fix: Доработал снежинки!

nuxt/src/components/Layout/Snowflakes.client.vue

@@ -0,0 +1,29 @@
+<template>
+  <div ref="snowFlakesRef" class="snowflakes-container" />
+</template>
+
+<script setup lang="ts">
+import Snowflakes from 'magic-snowflakes'
+
+const snowFlakesRef = ref<HTMLDivElement>()
+
+onMounted(async () => {
+  await nextTick()
+
+  new Snowflakes({
+    container: snowFlakesRef.value,
+    color: '#808080',
+    minOpacity: 0.2,
+    minSize: 1,
+  })
+})
+</script>
+
+<style scoped lang="sass">
+.snowflakes-container
+  position: fixed
+  height: 100vh
+  width: 100vw
+  pointer-events: none
+  user-select: none
+</style>

nuxt/src/layouts/default.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="layout flex flex-col flex-grow mx-auto fluid-[width,1000-320] max-w-[100vw]">
+  <LayoutSnowflakes />
+  <div class="relative flex flex-col flex-grow mx-auto fluid-[width,1000-320] max-w-[100vw]">
     <TheHeader />
     <main class="flex flex-col justify-center items-center flex-grow py-32-16 px-64-16">
       <slot />
@@ -8,19 +9,6 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import Snowflakes from 'magic-snowflakes'
-
-onMounted(() => {
-  new Snowflakes({
-    container: document.querySelector<HTMLDivElement>('.snowflakes-container') as HTMLDivElement,
-    color: '#808080',
-    minOpacity: 0.2,
-    minSize: 1,
-  })
-})
-</script>
-
 <style lang="sass" scoped>
 :global(html),
 :global(body),