diff --git a/src/components/RuleIcon.vue b/src/components/RuleIcon.vue
index 397a129..12f76bf 100644
--- a/src/components/RuleIcon.vue
+++ b/src/components/RuleIcon.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script setup>
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 
 import ruleAreaSvg from '@/assets/img/rules/area.svg';
 import ruleAsariSvg from '@/assets/img/rules/asari.svg';
diff --git a/src/components/SquidTape.vue b/src/components/SquidTape.vue
index 09d2928..4474d9b 100644
--- a/src/components/SquidTape.vue
+++ b/src/components/SquidTape.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script setup>
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 
 const props = defineProps({
   bg: {
diff --git a/src/components/gear/DailyDropGear.vue b/src/components/gear/DailyDropGear.vue
index 38157e7..31510df 100644
--- a/src/components/gear/DailyDropGear.vue
+++ b/src/components/gear/DailyDropGear.vue
@@ -51,7 +51,7 @@
 
 <script setup>
 import { useGearStore } from '@/stores/gear.mjs';
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import GearCardHorizontal from './GearCardHorizontal.vue';
 import ProductContainer from '../ProductContainer.vue';
 import SquidTape from '../SquidTape.vue';
diff --git a/src/components/gear/GearCard.vue b/src/components/gear/GearCard.vue
index ac442d6..b7fb3dc 100644
--- a/src/components/gear/GearCard.vue
+++ b/src/components/gear/GearCard.vue
@@ -75,7 +75,7 @@
 </template>
 
 <script setup>
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import SquidTape from '../SquidTape.vue';
 import { getGesotownGearUrl } from '@/common/links';
 import { formatShortDurationFromNow } from '../../common/time';
diff --git a/src/components/gear/GearCardHorizontal.vue b/src/components/gear/GearCardHorizontal.vue
index 80ea771..4f11402 100644
--- a/src/components/gear/GearCardHorizontal.vue
+++ b/src/components/gear/GearCardHorizontal.vue
@@ -89,7 +89,7 @@
 </template>
 
 <script setup>
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import SquidTape from '../SquidTape.vue';
 import { getGesotownGearUrl } from '@/common/links';
 import { formatShortDurationFromNow } from '../../common/time';
diff --git a/src/components/gear/RegularGear.vue b/src/components/gear/RegularGear.vue
index 15368fb..75432b7 100644
--- a/src/components/gear/RegularGear.vue
+++ b/src/components/gear/RegularGear.vue
@@ -56,7 +56,7 @@
 
 <script setup>
 import { useGearStore } from '@/stores/gear.mjs';
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import GearCard from './GearCard.vue';
 import GearCardHorizontal from './GearCardHorizontal.vue';
 import SquidTape from '../SquidTape.vue';
diff --git a/src/components/screenshots/DailyDropGear.vue b/src/components/screenshots/DailyDropGear.vue
index ab424ac..162b65c 100644
--- a/src/components/screenshots/DailyDropGear.vue
+++ b/src/components/screenshots/DailyDropGear.vue
@@ -30,7 +30,7 @@
 
 <script setup>
 import { useGearStore } from '@/stores/gear.mjs';
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import GearCard from '@/components/gear/GearCard.vue';
 import ProductContainer from '@/components/ProductContainer.vue';
 import SquidTape from '@/components/SquidTape.vue';
diff --git a/src/components/screenshots/RegularGear.vue b/src/components/screenshots/RegularGear.vue
index 4e9c337..de08a84 100644
--- a/src/components/screenshots/RegularGear.vue
+++ b/src/components/screenshots/RegularGear.vue
@@ -41,7 +41,7 @@
 
 <script setup>
 import { useGearStore } from '@/stores/gear.mjs';
-import { computed } from '@vue/reactivity';
+import { computed } from 'vue';
 import GearCard from '@/components/gear/GearCard.vue';
 import SquidTape from '@/components/SquidTape.vue';