Added <Ballpit /> background

src/constants/code/Backgrounds/ballpitCode.ts

@@ -0,0 +1,23 @@
+import code from '@content/Backgrounds/Ballpit/Ballpit.vue?raw';
+import type { CodeObject } from '../../../types/code';
+
+export const ballpit: CodeObject = {
+  cli: `npx jsrepo add https://vue-bits.dev/ui/Backgrounds/Ballpit`,
+  installation: `npm i three`,
+  usage: `<template>
+  <div class="relative w-full h-[500px] overflow-hidden">
+    <Ballpit
+      :count="200"
+      :gravity="0.7"
+      :friction="0.8"
+      :wallBounce="0.95"
+      :followCursor="true"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import Ballpit from "./Ballpit.vue";
+</script>`,
+  code
+};