Auto commit

src/App.vue

-<script setup>
-import HelloWorld from './components/HelloWorld.vue'
-import TheWelcome from './components/TheWelcome.vue'
-</script>
-
 <template>
-  <header>
-    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
-
-    <div class="wrapper">
-      <HelloWorld msg="You did it!" />
-    </div>
-  </header>
-
-  <main>
-    <TheWelcome />
-  </main>
+  <div>
+   <Daub/>
+  </div>
 </template>
 
-<style scoped>
-header {
-  line-height: 1.5;
-}
-
-.logo {
-  display: block;
-  margin: 0 auto 2rem;
-}
-
-@media (min-width: 1024px) {
-  header {
-    display: flex;
-    place-items: center;
-    padding-right: calc(var(--section-gap) / 2);
-  }
-
-  .logo {
-    margin: 0 2rem 0 0;
-  }
+<script setup>
+import Daub from './components/Daub.vue'
+</script>
 
-  header .wrapper {
-    display: flex;
-    place-items: flex-start;
-    flex-wrap: wrap;
-  }
-}
-</style>
+<style scoped></style>

src/components/Daub.vue

+<template>
+  <div class="container">
+    InsCode
+	</div>
+  </template>
+  
+  <script setup>
+  
+  </script>
+  
+  <style scoped>
+    * {
+			padding: 0;
+			margin: 0;
+		}
+
+		body {
+			height: 100vh;
+			background-color: #1d1c1c;
+			display: flex;
+		}
+
+		.container {
+			color: #fff;
+			margin: auto;
+			font-size: 80px;
+			font-weight: bolder;
+			position: relative;
+		}
+
+		/* 伪类,用于涂抹动画 */
+		.container::before {
+			content: 'InsCode';
+			color: aqua;
+			/* 让他们重合 */
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 50px;
+			white-space: nowrap;
+			overflow: hidden;
+			border-right: 5px solid aqua;
+			animation: animate 7s linear infinite;
+			filter: drop-shadow(0 0 50px #06ee99);
+		}
+
+		@keyframes animate {
+			0% {
+				width: 0;
+			}
+
+			100% {
+				width: 100%;
+			}
+		}
+</style>
+  
\ No newline at end of file