mirror of
https://github.com/misenhower/splatoon3.ink.git
synced 2026-04-27 08:17:00 -05:00
Remove dead code in GearCard and App components
Remove permanently disabled v-if="false" Order button block and its unused SquidTape import from GearCard. Remove unnecessary try-catch around mobile browser detection in App. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
011430f344
commit
647d62dbd2
10
src/App.vue
10
src/App.vue
|
|
@ -16,13 +16,9 @@ const data = useDataStore();
|
||||||
onMounted(() => data.startUpdating());
|
onMounted(() => data.startUpdating());
|
||||||
onUnmounted(() => data.stopUpdating());
|
onUnmounted(() => data.stopUpdating());
|
||||||
|
|
||||||
try {
|
// Detect mobile browsers
|
||||||
// Detect mobile browsers
|
if (navigator.userAgent.match(/iPhone|iPad|Android/i)) {
|
||||||
if (navigator.userAgent.match(/iPhone|iPad|Android/i)) {
|
document.body.classList.add('is-mobile');
|
||||||
document.body.classList.add('is-mobile');
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
//
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -54,23 +54,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Time left/Order button -->
|
<!-- Time left -->
|
||||||
<div class="absolute top-1 left-6 space-y-2">
|
<div class="absolute top-1 left-6">
|
||||||
<div v-if="false" class="hidden mobile:block -ml-4">
|
|
||||||
<a :href="shopUrl">
|
|
||||||
<SquidTape
|
|
||||||
class="font-splatoon2 text-sm text-black rounded-sm -rotate-3"
|
|
||||||
bg="bg-splatoon-yellow"
|
|
||||||
squid-bg="bg-black"
|
|
||||||
border="border border-black"
|
|
||||||
>
|
|
||||||
<div class="px-1">
|
|
||||||
{{ $t('gear.order') }}
|
|
||||||
</div>
|
|
||||||
</SquidTape>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="inline-block text-xs bg-zinc-200 bg-opacity-30 rounded px-1 py-px font-semibold">
|
<div class="inline-block text-xs bg-zinc-200 bg-opacity-30 rounded px-1 py-px font-semibold">
|
||||||
{{ $t('time.left', { time: formatDurationHoursFromNow(props.gear.saleEndTime) }) }}
|
{{ $t('time.left', { time: formatDurationHoursFromNow(props.gear.saleEndTime) }) }}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -80,9 +65,7 @@
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { computed } from 'vue';
|
import { computed } from 'vue';
|
||||||
import SquidTape from '@/components/SquidTape.vue';
|
|
||||||
import { formatDurationHoursFromNow } from '@/common/time';
|
import { formatDurationHoursFromNow } from '@/common/time';
|
||||||
import { getGesotownGearUrl } from '@/common/links';
|
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
gear: Object,
|
gear: Object,
|
||||||
|
|
@ -90,8 +73,6 @@ const props = defineProps({
|
||||||
|
|
||||||
const price = computed(() => props.gear.price);
|
const price = computed(() => props.gear.price);
|
||||||
const gear = computed(() => props.gear.gear);
|
const gear = computed(() => props.gear.gear);
|
||||||
|
|
||||||
const shopUrl = computed(() => getGesotownGearUrl(props.gear.id));
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user