Clean up something (#12)

* fix: class name

* chore: remove unnecessary build task

* docs: update demo gif

* docs: update description

.github/workflows/npm-publish.yml

@@ -8,16 +8,6 @@ on:
     types: [created]
 
 jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: '18.x'
-      - run: npm ci
-      - run: npm test
-
   publish-npm:
     needs: build
     runs-on: ubuntu-latest

README.md

@@ -11,6 +11,8 @@ https://kaakaa.github.io/slidev-addon-rabbit/1?time=1
 
 ## Description
 
+As the presentation begins, the rabbit and the turtle aim for the goal. **The rabbit** represents **the current page**, and **the turtle** represents **the elapsed time** since the start. Let's guide the rabbit to the goal before the turtle arrives, ensuring everyone has enough leisure time.
+
 ![](./assets/description.png)
 
 ## Usage

components/Flag.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="rabtle-container" :style="{left: left + 'px'}">
+  <div class="rabbit-container" :style="{left: left + 'px'}">
     <emojione-monotone-flag-for-chequered-flag />
   </div>
 </template>

components/Rabbit.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="rabtle-container" :style="{left: pos + 'px'}">
+  <div class="rabbit-container" :style="{left: pos + 'px'}">
     <emojione-monotone-rabbit class="icon" />
     <div
       class="py-1 px-1 text-xs bg-white bg-opacity-20 rounded-md text-center"

components/Turtle.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="rabtle-container" :style="{left: left + 'px'}">
+  <div class="rabbit-container" :style="{left: left + 'px'}">
     <emojione-monotone-turtle class="icon" />
   </div>
 </template>

styles/index.css

@@ -1,4 +1,4 @@
-.rabtle-container {
+.rabbit-container {
     position: absolute;
     top: 96%;
     z-index: 99;