From 5feaee7b720194c804cbab537b59a854ce7ba6dd Mon Sep 17 00:00:00 2001
From: Lucas Schumacher <technolucas@protonmail.com>
Date: Thu, 20 Jun 2024 21:38:18 -0400
Subject: [PATCH] Componentize vue.js frontend

---
 vuejs/src/App.vue                                  | 5 ++---
 vuejs/src/components/{HelloWorld.vue => Blurb.vue} | 0
 2 files changed, 2 insertions(+), 3 deletions(-)
 rename vuejs/src/components/{HelloWorld.vue => Blurb.vue} (100%)

diff --git a/vuejs/src/App.vue b/vuejs/src/App.vue
index 067c443..3f0890a 100644
--- a/vuejs/src/App.vue
+++ b/vuejs/src/App.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { ref } from 'vue'
+import Blurb from './components/Blurb.vue'
 
 const blurb_data = {
   title: "Fart Man Comes To Town!",
@@ -20,9 +21,7 @@ function addBlurb() {
 
   <main>
     <div class="wrapper" v-for="blurb in blurbs">
-      <h1>{{ blurb.title }}</h1>
-      <p>{{ blurb.blurb }}</p>
-      <a href="#">Read more...</a>
+      <Blurb :title="blurb.title" :blurb="blurb.blurb" link="#" />
     </div>
     <br />
     <button @click="addBlurb">Load more</button>
diff --git a/vuejs/src/components/HelloWorld.vue b/vuejs/src/components/Blurb.vue
similarity index 100%
rename from vuejs/src/components/HelloWorld.vue
rename to vuejs/src/components/Blurb.vue