[ FIX ] : Rearrange <ShapeBlur /> from Backgrounds to Animations

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',

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'),

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

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);