Add credit

src/constants/code/TextAnimations/asciiTextCode.ts

@@ -3,7 +3,9 @@ import { createCodeObject } from '../../../types/code';
 
 export const asciiText = createCodeObject(code, 'TextAnimations/AsciiText', {
   installation: `npm install three @types/three`,
-  usage: `<template>
+  usage: `<!-- Component ported and enhanced from https://codepen.io/JuanFuentes/pen/eYEeoyE -->
+  
+<template>
   <AsciiText
     text="Hey!"
     :ascii-font-size="8"

src/constants/code/TextAnimations/textPressureCode.ts

@@ -2,7 +2,10 @@ import code from '@content/TextAnimations/TextPressure/TextPressure.vue?raw';
 import { createCodeObject } from '@/types/code';
 
 export const textPressure = createCodeObject(code, 'TextAnimations/TextPressure', {
-  usage: `<template>
+  usage: `<!-- Component ported from https://codepen.io/JuanFuentes/full/rgXKGQ -->
+<!-- Font used - https://compressa.preusstype.com/ -->
+  
+<template>
   <TextPressure
     text="Hello!"
     :flex="true"

src/content/TextAnimations/AsciiText/AsciiText.vue

@@ -1,3 +1,5 @@
+<!-- Component ported and enhanced from https://codepen.io/JuanFuentes/pen/eYEeoyE -->
+
 <script setup lang="ts">
 import { onMounted, onUnmounted, watch, useTemplateRef } from 'vue';
 import * as THREE from 'three';

src/content/TextAnimations/TextPressure/TextPressure.vue

@@ -1,3 +1,5 @@
+<!-- Component ported from https://codepen.io/JuanFuentes/full/rgXKGQ -->
+
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, nextTick, computed, watch, useTemplateRef } from 'vue';