From a082600da52f5c2d0ca29f2b22fedc8f3e15f1f2 Mon Sep 17 00:00:00 2001
From: Utkarsh-Singhal-26 <singhalutkarsh26@gmail.com>
Date: Fri, 18 Jul 2025 17:35:41 +0530
Subject: [PATCH] [ FIX ] : Rearrange <ShapeBlur /> from Backgrounds to
 Animations

---
 src/constants/Categories.ts                                   | 2 +-
 src/constants/Components.ts                                   | 2 +-
 .../code/{Backgrounds => Animations}/shapeBlurCode.ts         | 4 ++--
 .../{Backgrounds => Animations}/ShapeBlur/ShapeBlur.vue       | 0
 src/demo/{Backgrounds => Animations}/ShapeBlurDemo.vue        | 4 ++--
 5 files changed, 6 insertions(+), 6 deletions(-)
 rename src/constants/code/{Backgrounds => Animations}/shapeBlurCode.ts (78%)
 rename src/content/{Backgrounds => Animations}/ShapeBlur/ShapeBlur.vue (100%)
 rename src/demo/{Backgrounds => Animations}/ShapeBlurDemo.vue (95%)

diff --git a/src/constants/Categories.ts b/src/constants/Categories.ts
index 1dadbea..581a1b2 100644
--- a/src/constants/Categories.ts
+++ b/src/constants/Categories.ts
@@ -47,6 +47,7 @@ export const CATEGORIES = [
       'Blob Cursor',
       'Meta Balls',
       'Image Trail',
+      'Shape Blur',
     ]
   },
   {
@@ -84,7 +85,6 @@ export const CATEGORIES = [
       'Balatro',
       'Letter Glitch',
       'Particles',
-      'Shape Blur',
       'Waves',
       'Squares',
       'Iridescence',
diff --git a/src/constants/Components.ts b/src/constants/Components.ts
index 27f8cfa..35542d1 100644
--- a/src/constants/Components.ts
+++ b/src/constants/Components.ts
@@ -15,6 +15,7 @@ const animations = {
   'blob-cursor': () => import('../demo/Animations/BlobCursorDemo.vue'),
   'meta-balls': () => import('../demo/Animations/MetaBallsDemo.vue'),
   'image-trail': () => import('../demo/Animations/ImageTrailDemo.vue'),
+  'shape-blur': () => import('../demo/Animations/ShapeBlurDemo.vue'),
 };
 
 const textAnimations = {
@@ -74,7 +75,6 @@ const backgrounds = {
   'beams': () => import('../demo/Backgrounds/BeamsDemo.vue'),
   'grid-motion': () => import('../demo/Backgrounds/GridMotionDemo.vue'),
   'hyperspeed': () => import('../demo/Backgrounds/HyperspeedDemo.vue'),
-  'shape-blur': () => import('../demo/Backgrounds/ShapeBlurDemo.vue'),
   'balatro': () => import('../demo/Backgrounds/BalatroDemo.vue'),
   'orb': () => import('../demo/Backgrounds/OrbDemo.vue'),
   'ballpit': () => import('../demo/Backgrounds/BallpitDemo.vue'),
diff --git a/src/constants/code/Backgrounds/shapeBlurCode.ts b/src/constants/code/Animations/shapeBlurCode.ts
similarity index 78%
rename from src/constants/code/Backgrounds/shapeBlurCode.ts
rename to src/constants/code/Animations/shapeBlurCode.ts
index 5e776d5..165c3f7 100644
--- a/src/constants/code/Backgrounds/shapeBlurCode.ts
+++ b/src/constants/code/Animations/shapeBlurCode.ts
@@ -1,8 +1,8 @@
-import code from '@content/Backgrounds/ShapeBlur/ShapeBlur.vue?raw';
+import code from '@/content/Animations/ShapeBlur/ShapeBlur.vue?raw';
 import type { CodeObject } from '../../../types/code';
 
 export const shapeBlur: CodeObject = {
-  cli: `npx jsrepo add https://vue-bits.dev/ui/Backgrounds/ShapeBlur`,
+  cli: `npx jsrepo add https://vue-bits.dev/ui/Animations/ShapeBlur`,
   installation: `npm install three @types/three`,
   usage: `<template>
   <ShapeBlur
diff --git a/src/content/Backgrounds/ShapeBlur/ShapeBlur.vue b/src/content/Animations/ShapeBlur/ShapeBlur.vue
similarity index 100%
rename from src/content/Backgrounds/ShapeBlur/ShapeBlur.vue
rename to src/content/Animations/ShapeBlur/ShapeBlur.vue
diff --git a/src/demo/Backgrounds/ShapeBlurDemo.vue b/src/demo/Animations/ShapeBlurDemo.vue
similarity index 95%
rename from src/demo/Backgrounds/ShapeBlurDemo.vue
rename to src/demo/Animations/ShapeBlurDemo.vue
index 0de919d..25f79d7 100644
--- a/src/demo/Backgrounds/ShapeBlurDemo.vue
+++ b/src/demo/Animations/ShapeBlurDemo.vue
@@ -53,8 +53,8 @@ import CliInstallation from '../../components/code/CliInstallation.vue';
 import CodeExample from '../../components/code/CodeExample.vue';
 import Customize from '../../components/common/Customize.vue';
 import PreviewSlider from '../../components/common/PreviewSlider.vue';
-import ShapeBlur from '../../content/Backgrounds/ShapeBlur/ShapeBlur.vue';
-import { shapeBlur } from '@/constants/code/Backgrounds/shapeBlurCode';
+import ShapeBlur from '../../content/Animations/ShapeBlur/ShapeBlur.vue';
+import { shapeBlur } from '@/constants/code/Animations/shapeBlurCode';
 
 const pixelRatioProp = ref(window.devicePixelRatio || 1);
 const shapeSize = ref(1.0);