Improve TVSeriesDetails

.github/workflows/deploy.yml

@@ -1,4 +1,4 @@
-# name: Deploy to GitHub Pages
+name: Deploy to GitHub Pages
 
 # on:
 #   push:
@@ -6,39 +6,39 @@
 #   pull_request:
 #     branches: [main]
 
-# jobs:
-#   build-and-deploy:
-#     runs-on: ubuntu-latest
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
 
-#     steps:
-#       - name: Checkout code
-#         uses: actions/checkout@v4
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
 
-#       - uses: pnpm/action-setup@v4
-#         name: Install pnpm
-#         with:
-#           version: 10
-#           run_install: false
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          version: 10
+          run_install: false
 
-#       - name: Install Node.js
-#         uses: actions/setup-node@v4
-#         with:
-#           node-version: 20
-#           cache: 'pnpm'
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'pnpm'
 
-#       - name: Install dependencies
-#         run: pnpm install
+      - name: Install dependencies
+        run: pnpm install
 
-#       - name: Build project
-#         run: DEPLOY_ENV=GH_PAGES pnpm build
+      - name: Build project
+        run: DEPLOY_ENV=GH_PAGES pnpm build
 
-#       - name: Copy index.html to 404.html
-#         run: cp dist/index.html dist/404.html
+      - name: Copy index.html to 404.html
+        run: cp dist/index.html dist/404.html
 
-#       - name: Deploy to GitHub Pages
-#         if: github.event_name == 'push' && github.ref == 'refs/heads/main'
-#         uses: peaceiris/actions-gh-pages@v4
-#         with:
-#           github_token: ${{ secrets.GITHUB_TOKEN }}
-#           publish_dir: ./dist
-#           publish_branch: gh-pages
+      - name: Deploy to GitHub Pages
+        if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist
+          publish_branch: gh-pages

src/components/TVSeriesDetails.vue

@@ -52,12 +52,19 @@ const alreadyAdded = computed(() =>
       <!-- Badges -->
       <div class="flex flex-wrap gap-2 mb-6">
         <MediaTypeBadge v-for="g in props.tvSeries!.Genres" :key="g.id" :text="g.name" />
-        <MediaTypeBadge :text="`Seasons: ${props.tvSeries!.NumberOfSeasons}`" />
-        <MediaTypeBadge :text="`Episodes: ${props.tvSeries!.NumberOfEpisodes}`" />
       </div>
 
       <div class="card bg-base-200 w-full lg:w-96 shadow-sm mb-6 mt-6">
         <div class="card-body">
+          <p class="font-semibold text-gray-900">
+            Seasons:
+            <span class="text-gray-600">{{ props.tvSeries!.NumberOfSeasons }}</span>
+          </p>
+          <p class="font-semibold text-gray-900">
+            Expisodes:
+            <span class="text-gray-600">{{ props.tvSeries!.NumberOfEpisodes }}</span>
+          </p>
+
           <p class="font-semibold text-gray-900">
             Last Episode:
             <span class="text-gray-600">{{ props.tvSeries!.LastEpisodeToAir?.name }}</span>