Updating docs

webdevnerdstuff · webdevnerdstuff · commit 425e1938d3cc · 2023-03-04T18:25:18.000-08:00
diff --git a/public/vue3-unicorn-log-social.jpg b/public/vue3-unicorn-log-social.jpg
diff --git a/src/assets/vue3-unicorn-log-social.jpg b/src/assets/vue3-unicorn-log-social.jpg
diff --git a/src/components/CodeBlock.vue b/src/components/CodeBlock.vue
@@ -50,8 +50,6 @@
 <script setup lang="ts">
 import {
 	computed,
-	defineEmits,
-	defineProps,
 	onBeforeMount,
 	ref,
 	useSlots,
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
@@ -1,7 +1,7 @@
 <template>
 	<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark mb-5">
 		<div class="container">
-			<a class="navbar-brand" :href="links.docs">🦄 Vue UnicornLog</a>
+			<a class="navbar-brand" :href="links.docs">🦄 Vue 3 UnicornLog</a>
 			<button
 				aria-controls="navbarSupportedContent"
 				aria-expanded="false"
diff --git a/src/components/UnicornLog.vue b/src/components/UnicornLog.vue
@@ -6,15 +6,15 @@
 			<div class="row mb-4">
 				<div class="col-12 text-center">
 					<img
-						alt="Vue 3 Unicorn Log by @WebDevNerdStuff"
+						alt="Vue 3 UnicornLog by @WebDevNerdStuff"
 						class="img-fluid unicorn-img"
 						src="unicorn.svg"
 					/>
 				</div>
 			</div>
 			<div class="row mb-3">
 				<div class="col-12 text-center">
-					<h1 class="rainbow-text">Vue 3 Unicorn Log</h1>
+					<h1 class="rainbow-text">Vue 3 UnicornLog</h1>
 				</div>
 				<div class="col-12 text-center">
 					<span class="badge bg-secondary rounded-pill">{{ version }}</span>
@@ -193,7 +193,7 @@ const rainbowLinearGradient = `linear-gradient(to right,
 
 function welcomeLog() {
 	$unicornLog({
-		text: 'Welcome to Vue 3 Unicorn Log... It\'s magical!',
+		text: 'Welcome to Vue 3 UnicornLog... It\'s magical!',
 		styles: [
 			`background: ${rainbowLinearGradient}`,
 			'color: #f7f7f7',
diff --git a/src/components/sections/FooterSection.vue b/src/components/sections/FooterSection.vue
@@ -2,9 +2,9 @@
 	<div class="row mb-5">
 		<div class="col-12 text-center">
 			<img
-				alt="Vue Unicorn Log by @WebDevNerdStuff"
+				alt="Vue 3 UnicornLog by @WebDevNerdStuff"
 				class="img-fluid"
-				src="vue-unicorn-log-social.jpg"
+				src="vue3-unicorn-log-social.jpg"
 			/>
 		</div>
 	</div>
