From 66f32ab73617e55866990a068a122d04e89f0ed7 Mon Sep 17 00:00:00 2001
From: Utkarsh-Singhal-26 <singhalutkarsh26@gmail.com>
Date: Thu, 21 Aug 2025 18:41:16 +0530
Subject: [PATCH] Added Prism Usage

---
 src/constants/code/Backgrounds/prismCode.ts | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/constants/code/Backgrounds/prismCode.ts b/src/constants/code/Backgrounds/prismCode.ts
index 741bd49..f620522 100644
--- a/src/constants/code/Backgrounds/prismCode.ts
+++ b/src/constants/code/Backgrounds/prismCode.ts
@@ -3,7 +3,22 @@ import { createCodeObject } from '../../../types/code';
 
 export const prism = createCodeObject(code, 'Backgrounds/Prism', {
   installation: `npm install ogl`,
-  usage: `
+  usage: `<template>
+  <div style="width: 100%; height: 600px; position: relative;">
+    <Prism
+      animation-type="rotate"
+      :time-scale="0.5"
+      :height="3.5"
+      :base-width="5.5"
+      :scale="3.6"
+      :hue-shift="0"
+      :color-frequency="1"
+      :noise="0.5"
+      :glow="1"
+    />
+  </div>
+</template>
+
 <script setup lang="ts">
   import Prism from "./Prism.vue";
 </script>`