Add AsciiText component

src/constants/Categories.ts

@@ -19,6 +19,7 @@ export const CATEGORIES = [
       'Falling Text',
       'Text Cursor',
       'Decrypted Text',
+      'Ascii Text',
     ]
   },
   {

src/constants/Components.ts

@@ -23,6 +23,7 @@ const textAnimations = {
   'falling-text': () => import("../demo/TextAnimations/FallingTextDemo.vue"),
   'text-cursor': () => import("../demo/TextAnimations/TextCursorDemo.vue"),
   'decrypted-text': () => import("../demo/TextAnimations/DecryptedTextDemo.vue"),
+  'ascii-text': () => import("../demo/TextAnimations/AsciiTextDemo.vue"),
 };
 
 const components = {

src/constants/code/TextAnimations/asciiTextCode.ts

@@ -0,0 +1,23 @@
+import code from '@/content/TextAnimations/AsciiText/AsciiText.vue?raw'
+import type { CodeObject } from '../../../types/code'
+
+export const asciiText: CodeObject = {
+  cli: `npx jsrepo add https://vue-bits.dev/ui/TextAnimations/AsciiText`,
+  installation: `npm install three @types/three`,
+  usage: `<template>
+  <AsciiText
+    text="Hey!"
+    :ascii-font-size="8"
+    :text-font-size="200"
+    text-color="#fdf9f3"
+    :plane-base-height="8"
+    :enable-waves="true"
+    class-name="w-full h-full"
+  />
+</template>
+
+<script setup lang="ts">
+  import AsciiText from "./AsciiText.vue";
+</script>`,
+  code
+}