atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 22:49:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

[ FIX ] : ASCIIText Naming & Registry

Browse Source
This commit is contained in:
Utkarsh-Singhal-26
2026-01-21 16:08:55 +05:30
parent c484742f02
commit 18d561ea6f
27 changed files with 101 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/constants/Components.ts
View File

@@ -42,7 +42,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"),
'ascii-text': () => import("../demo/TextAnimations/ASCIITextDemo.vue"),
'scramble-text': () => import("../demo/TextAnimations/ScrambleTextDemo.vue"),
'true-focus': () => import("../demo/TextAnimations/TrueFocusDemo.vue"),
'scroll-float': () => import("../demo/TextAnimations/ScrollFloatDemo.vue"),

4
src/constants/Information.ts
View File

@@ -225,11 +225,11 @@ export const componentMetadata: ComponentMetadata = {
//! Text Animations -------------------------------------------------------------------------------------------------------------------------------
'TextAnimations/AsciiText': {
'TextAnimations/ASCIIText': {
videoUrl: '/assets/videos/asciitext.webm',
description: 'Renders text with an animated ASCII background for a retro feel.',
category: 'TextAnimations',
name: 'AsciiText',
name: 'ASCIIText',
docsUrl: 'https://vue-bits.dev/text-animations/ascii-text',
tags: []
},

8
src/constants/code/TextAnimations/asciiTextCode.ts
View File

@@ -1,12 +1,12 @@
import code from '@/content/TextAnimations/AsciiText/AsciiText.vue?raw';
import code from '@/content/TextAnimations/ASCIIText/ASCIIText.vue?raw';
import { createCodeObject } from '../../../types/code';
export const asciiText = createCodeObject(code, 'TextAnimations/AsciiText', {
export const asciiText = createCodeObject(code, 'TextAnimations/ASCIIText', {
installation: `npm install three @types/three`,
usage: `<!-- Component ported and enhanced from https://codepen.io/JuanFuentes/pen/eYEeoyE -->
<template>
<AsciiText
<ASCIIText
text="Hey!"
:ascii-font-size="8"
:text-font-size="200"
@@ -18,6 +18,6 @@ export const asciiText = createCodeObject(code, 'TextAnimations/AsciiText', {
</template>
<script setup lang="ts">
import AsciiText from "./AsciiText.vue";
import ASCIIText from "./ASCIIText.vue";
</script>`
});