From 87f5d432b25094f4cf9f264e7a2f31de7f04476e Mon Sep 17 00:00:00 2001
From: Blossomi Shymae <87099578+BlossomiShymae@users.noreply.github.com>
Date: Fri, 11 Oct 2024 16:13:47 -0500
Subject: [PATCH] Remove unused pages

---
 pages/champions/[id].vue                 |  2 +-
 pages/companions/overview/[id].vue       | 39 ------------
 pages/skins/overview/[id].vue            | 75 ------------------------
 pages/summoner-icons/overview/[id].vue   | 39 ------------
 pages/tft-damage-skins/overview/[id].vue | 37 ------------
 pages/tft-map-skins/overview/[id].vue    | 39 ------------
 pages/ward-skins/overview/[id].vue       | 40 -------------
 7 files changed, 1 insertion(+), 270 deletions(-)
 delete mode 100644 pages/companions/overview/[id].vue
 delete mode 100644 pages/skins/overview/[id].vue
 delete mode 100644 pages/summoner-icons/overview/[id].vue
 delete mode 100644 pages/tft-damage-skins/overview/[id].vue
 delete mode 100644 pages/tft-map-skins/overview/[id].vue
 delete mode 100644 pages/ward-skins/overview/[id].vue

diff --git a/pages/champions/[id].vue b/pages/champions/[id].vue
index c477444..307f84f 100644
--- a/pages/champions/[id].vue
+++ b/pages/champions/[id].vue
@@ -25,7 +25,7 @@ const swapCurrentSkin = (id: number) => {
     <Card class="mb-2 aos-fix" data-aos="fade-right" data-aos-duration="1000" style="z-index: 100 !important;">
       <div class="d-flex gap-4 flex-wrap align-items-center justify-content-center">
         <div style="min-width: 300px; max-width: 300px;">
-            <NuxtLink class="text-decoration-none" :to="`/skins/overview/${currentSkin.id}`">
+            <NuxtLink class="text-decoration-none" :to="`/skins/${currentSkin.id}`">
               <div class="ratio ratio-4x3">
                 <img class="object-fit-cover rounded" :src="currentSkin.getTile({locale: currentLocale, version: 'latest'})"/>
               </div>
diff --git a/pages/companions/overview/[id].vue b/pages/companions/overview/[id].vue
deleted file mode 100644
index a1803f5..0000000
--- a/pages/companions/overview/[id].vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <div class="row">
-    <div class="col-md-6 col-sm-12">
-      <h1 class="display-4 mb-0">{{ companion.name }}</h1>
-      <p class="text-muted border-bottom -b-3 border-light border-opacity-25 border-4">{{ companion.description }}</p>
-
-      <div class="d-flex flex-wrap gap-3">
-        
-      </div>
-
-    </div>
-
-    <div class="col-md-6 col-sm-12 d-flex justify-content-center align-items-center">
-      <img :src="companion.getLoadoutsIcon('latest')"/>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import Badge from "../../../components/Badge.vue";
-import useClient from "../../../composables/useClient";
-import useLocale from "~/composables/useLocale";
-import { Companion } from "~/core/models";
-import { useRoute } from "vue-router";
-
-const route = useRoute();
-const id = route.params.id as unknown;
-
-const { client } = useClient();
-const { currentLocale } = useLocale();
-const getCompanions = async () => await client.companions.listAsync({locale: currentLocale.value, version: "latest"});
-
-const companions = ref(await getCompanions());
-watch(currentLocale, async() => {
-  companions.value = await getCompanions();
-});
-
-const companion = companions.value.find((x) => x.itemId == id) || new Companion({});
-</script>
\ No newline at end of file
diff --git a/pages/skins/overview/[id].vue b/pages/skins/overview/[id].vue
deleted file mode 100644
index 8d023f0..0000000
--- a/pages/skins/overview/[id].vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-  <div class="row">
-    <div data-aos="fade-right" data-aos-duration="1000">
-      <div>
-        <h1 class="display-4">{{ skin!.name }}</h1>
-        <p v-if="skin?.description">{{ skin.description }}</p>
-      </div>
-      <ul class="nav nav-tabs mb-4">
-        <li class="nav-item">
-          <button class="nav-link text-light"
-            :class="{'active': selector == 'splash'}" @click="selector = 'splash'">Splash</button>
-        </li>
-        <li class="nav-item">
-          <button class="nav-link text-light"
-            :class="{'active': selector == 'uncenteredSplash'}" @click="selector = 'uncenteredSplash'">Uncentered Splash</button>
-        </li>
-        <li class="nav-item text-light">
-          <button class="nav-link text-light" 
-            :class="{'active': selector == 'tile'}" @click="selector = 'tile'">Tile</button>
-        </li>
-      </ul>
-    </div>
-    <div class="d-flex justify-content-center align-items-center mb-4"
-      data-aos="fade-left" data-aos-duration="1000">
-      <img class="img-fluid" :src="selection"/>
-    </div>
-    <div v-if="skinUniverses.length > 0">
-      <h5 class="border-bottom border-light border-opacity-25 border-2 mb-2 pb-2">Universes</h5>
-      <div v-for="skinUniverse in skinUniverses">
-        <div v-if="skinUniverse" :id="`${skinUniverse!.id}`">
-          <h6 class="fw-bold">{{ skinUniverse?.name }}</h6>
-          <p class="ms-2">{{ skinUniverse?.description }}</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import useClient from '~/composables/useClient';
-import useLocale from '~/composables/useLocale';
-
-const route = useRoute();
-const id = route.params.id as unknown;
-
-const { client } = useClient();
-const { currentLocale } = useLocale();
-const getSkins = async () => await client.skins.listAsync({ locale: currentLocale.value, version: "latest"});
-const getUniverses = async () => await client.universes.listAsync({ locale: currentLocale.value, version: "latest"});
-
-const skins = ref(await getSkins());
-const universes = ref(await getUniverses());
-watch(currentLocale, async() => {
-  skins.value = await getSkins();
-  universes.value = await getUniverses();
-});
-
-const skin = computed(() => skins.value.find((x) => x.id == id));
-const selector = ref("splash");
-const selection = computed(() => {
-  switch (selector.value) {
-    case "splash":
-      return skin.value!.getSplash({locale: currentLocale.value, version: "latest"});
-    case "uncenteredSplash":
-      return skin.value!.getUncenteredSplash({locale: currentLocale.value, version: "latest"});
-    case "tile":
-      return skin.value!.getTile({locale: currentLocale.value, version: "latest"});
-    default:
-      return "/img/error.png";
-  }
-});
-const skinUniverses = computed(() => skin.value?.skinLines
-  ?.map((x) => universes.value.find((y) => y.skinSets.includes(x.id)))
-  .filter(x => x != null) ?? []);
-</script>
\ No newline at end of file
diff --git a/pages/summoner-icons/overview/[id].vue b/pages/summoner-icons/overview/[id].vue
deleted file mode 100644
index 0e29cfd..0000000
--- a/pages/summoner-icons/overview/[id].vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <div class="row">
-      <div class="col-md-6 col-sm-12">
-          <h1 class="display-4 mb-0">{{ icon.title }}</h1>
-          <h4 class="ms-4 border-bottom border-light border-opacity-25 border-4 pb-2">{{ icon.yearReleased }}</h4>
-          <div class="d-flex flex-wrap gap-2 mt-3 mb-3">
-            <Badge name="identifier">{{ icon.id }}</Badge>
-            <Badge name="star" v-if="icon.isLegacy"></Badge>
-          </div>
-          <p class="text-muted">{{ icon.descriptions[0].description }}</p>
-      </div>
-
-      <div class="col-md-6 col-sm-12 d-flex justify-content-center align-items-center">
-          <img class="border rounded border-dark" :src="icon.getImage('latest')"/>
-      </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import Badge from '~/components/Badge.vue';
-import { useRoute } from 'vue-router';
-import useClient from '../../../composables/useClient';
-import useLocale from '~/composables/useLocale';
-import { SummonerIcon } from '~/core/models';
-
-const route = useRoute();
-const id = route.params.id as unknown;
-
-const { client } = useClient();
-const { currentLocale } = useLocale();
-const getIcons = async () => await client.summonerIcons.listAsync({locale: currentLocale.value, version: "latest"});
-
-const icons = ref(await getIcons());
-watch(currentLocale, async() => {
-  icons.value = await getIcons();
-});
-
-const icon = icons.value.find((x) => x.id == id) || new SummonerIcon({});
-</script>
\ No newline at end of file
diff --git a/pages/tft-damage-skins/overview/[id].vue b/pages/tft-damage-skins/overview/[id].vue
deleted file mode 100644
index 05012fa..0000000
--- a/pages/tft-damage-skins/overview/[id].vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-  <div class="row">
-    <div class="col-md-6 col-sm-12">
-      <h1 class="display-4 pb-2 mb-3 border-bottom border-light border-opacity-25 border-4">{{ tftDamageSkin!.name }}</h1>
-
-      <div class="d-flex flex-wrap gap-3 mb-3">
-        <Badge label="Content ID:">{{ tftDamageSkin!.contentId }}</Badge>
-        <Badge label="Item ID:">{{ tftDamageSkin!.itemId }}</Badge>
-        <Badge label="Group ID:">{{ tftDamageSkin!.groupId }}</Badge>
-      </div>
-    </div>
-
-    <div class="col-md-6 col-sm-12 d-flex justify-content-center align-items-center">
-      <img :src="tftDamageSkin!.getLoadoutsIcon('latest')"/>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import Badge from '~/components/Badge.vue';
-import useClient from '~/composables/useClient';
-import useLocale from '~/composables/useLocale';
-
-const route = useRoute();
-const id = route.params.id as unknown;
-
-const { client } = useClient();
-const { currentLocale } = useLocale();
-const getTftDamageSkins = async () => await client.tftDamageSkins.listAsync({ locale: currentLocale.value, version: "latest"});
-
-const tftDamageSkins = ref(await getTftDamageSkins());
-watch (currentLocale, async() => {
-  tftDamageSkins.value = await getTftDamageSkins();
-});
-
-const tftDamageSkin = computed(() => tftDamageSkins.value.find((x) => x.itemId == id));
-</script>
\ No newline at end of file
diff --git a/pages/tft-map-skins/overview/[id].vue b/pages/tft-map-skins/overview/[id].vue
deleted file mode 100644
index f466e37..0000000
--- a/pages/tft-map-skins/overview/[id].vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <div class="row">
-    <div class="col-md-6 col-sm-12">
-      <h1 class="display-4 pb-2 mb-3 border-bottom border-light border-opacity-25 border-4">{{ tftMapSkin.name }}</h1>
-
-      <div class="d-flex flex-wrap gap-3 mb-3">
-        <Badge label="Content ID:">{{ tftMapSkin.contentId }}</Badge>
-        <Badge label="Item ID:">{{ tftMapSkin.itemId }}</Badge>
-        <Badge label="Group Name:">{{ tftMapSkin.groupName }}</Badge>
-        <Badge label="Group ID:">{{ tftMapSkin.groupId }}</Badge>
-      </div>
-    </div>
-
-    <div class="col-md-6 col-sm-12 d-flex justify-content-center align-items-center">
-      <img :src="tftMapSkin.getLoadoutsIcon('latest')" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import Badge from '~/components/Badge.vue';
-import useClient from '~/composables/useClient';
-import useLocale from '~/composables/useLocale';
-import { TftMapSkin } from '~/core/models';
-
-const route = useRoute();
-const id = route.params.id as unknown;
-
-const { client } = useClient();
-const { currentLocale } = useLocale();
-const getTftMapSkins = async () => await client.tftMapSkins.listAsync({ locale: currentLocale.value, version: "latest"});
-
-const tftMapSkins = ref(await getTftMapSkins());
-watch(currentLocale, async() => {
-  tftMapSkins.value = await getTftMapSkins();
-});
-
-const tftMapSkin = computed(() => tftMapSkins.value.find((x) => x.itemId == id) || new TftMapSkin({}));
-</script>
\ No newline at end of file
diff --git a/pages/ward-skins/overview/[id].vue b/pages/ward-skins/overview/[id].vue
deleted file mode 100644
index 15d8f0b..0000000
--- a/pages/ward-skins/overview/[id].vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <div class="row">
-      <div class="col-md-6 col-sm-12">
-          <h1 class="display-4 mb-0">{{ skin.name }}</h1>
-          <p class="text-muted border-bottom pb-3 border-light border-opacity-25 border-4">{{ skin.regionDescriptions[0].description }}</p>
-
-          <div class="d-flex flex-wrap gap-3">
-              <Badge name="identifier">{{ skin.id }}</Badge>
-              <Badge name="star" v-if="skin.isLegacy"></Badge>
-          </div>
-      </div>
-
-      <div class="col-md-6 col-sm-12 d-flex justify-content-center align-items-center">
-          <img class="position-relative" :src="skin.getWardImage('latest')"/>
-          <img class="position-absolute z-index--10" :src="skin.getWardShadowImage('latest')" />
-      </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { WardSkin } from '~/core/models';
-import Badge from '../../../components/Badge.vue';
-import useClient from '../../../composables/useClient';
-import useLocale from '~/composables/useLocale';
-import { useRoute } from 'vue-router';
-
-const route = useRoute();
-const id = route.params.id as unknown;
-
-const { client } = useClient();
-const { currentLocale } = useLocale();
-const getSkins = async () => await client.wardSkins.listAsync({locale: currentLocale.value, version: "latest"});
-
-const skins = ref(await getSkins());
-watch(currentLocale, async() => {
-    skins.value = await getSkins();
-});
-
-const skin = skins.value.find((x) => x.id == id) || new WardSkin({});
-</script>
\ No newline at end of file