diff --git a/pages/_prefix/collection/_id/activity.vue b/pages/_prefix/collection/_id/activity.vue
index c105b890cb..9dffc4a561 100644
--- a/pages/_prefix/collection/_id/activity.vue
+++ b/pages/_prefix/collection/_id/activity.vue
@@ -8,56 +8,52 @@
 
 <script lang="ts">
 import Activity from '@/components/collection/activity/Activity.vue'
-import ExperimentMixin from '@/utils/mixins/experimentMixin'
-import { Component, mixins } from 'nuxt-property-decorator'
 import { useHistoryStore } from '@/stores/history'
-import { generateCollectionImage } from '@/utils/seoImageGenerator'
-import { CurrentCollection } from './index.vue'
 import { usePreferencesStore } from '@/stores/preferences'
+import { generateCollectionImage } from '@/utils/seoImageGenerator'
 
-@Component<CollectionActivityPage>({
+export default {
   name: 'CollectionActivityPage',
   components: {
     Activity,
   },
-  layout() {
-    return 'explore-layout'
+  layout: 'explore-layout',
+  setup() {
+    const preferencesStore = usePreferencesStore()
+    const isSidebarOpen = computed(
+      () => preferencesStore.getsidebarFilterCollapse
+    )
+
+    return {
+      isSidebarOpen,
+    }
   },
   head() {
-    const title = this.currentlyViewedCollection.name
+    const historyStore = useHistoryStore()
+    const currentlyViewedCollection = computed(
+      () => historyStore.getCurrentlyViewedCollection
+    )
+    const image = computed(() => {
+      return generateCollectionImage(
+        currentlyViewedCollection.value.name,
+        currentlyViewedCollection.value.numberOfItems,
+        currentlyViewedCollection.value.image
+      )
+    })
+    const title = currentlyViewedCollection.value.name
     const metaData = {
       title,
       type: 'profile',
-      description: this.currentlyViewedCollection.description,
+      description: currentlyViewedCollection.value.description,
       url: this.$route.path,
-      image: this.image,
+      image: image.value,
     }
+
     return {
       title,
       meta: [...this.$seoMeta(metaData)],
     }
   },
-})
-export default class CollectionActivityPage extends mixins(ExperimentMixin) {
-  private historyStore = useHistoryStore()
-  get preferencesStore() {
-    return usePreferencesStore()
-  }
-  get isSidebarOpen() {
-    return this.preferencesStore.getsidebarFilterCollapse
-  }
-
-  get currentlyViewedCollection(): CurrentCollection {
-    return this.historyStore.getCurrentlyViewedCollection
-  }
-
-  get image(): string {
-    return generateCollectionImage(
-      this.currentlyViewedCollection.name,
-      this.currentlyViewedCollection.numberOfItems,
-      this.currentlyViewedCollection.image
-    )
-  }
 }
 </script>
 
diff --git a/pages/_prefix/explore/collectibles.vue b/pages/_prefix/explore/collectibles.vue
index 096e12fc8b..4f3b89548a 100644
--- a/pages/_prefix/explore/collectibles.vue
+++ b/pages/_prefix/explore/collectibles.vue
@@ -5,29 +5,24 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'nuxt-property-decorator'
-
-const components = {}
-
-@Component<ExploreCollectibles>({
-  components,
-  layout() {
-    return 'explore-layout'
-  },
+export default {
+  name: 'ExploreCollectibles',
+  layout: 'explore-layout',
   head() {
+    const { $route } = useNuxtApp()
+    const runtimeConfig = useRuntimeConfig()
     const title = 'Low minting fees and carbonless NFTs'
     const metaData = {
       title,
       type: 'profile',
       description: 'Buy Carbonless NFTs on Kusama',
-      url: `/${this.$route.params.prefix}/explore/collectibles`,
-      image: `${this.$config.public.baseUrl}/k_card.png`,
+      url: `/${$route.params.prefix}/explore/collectibles`,
+      image: `${runtimeConfig.public.baseUrl}/k_card.png`,
     }
     return {
       title,
       meta: [...this.$seoMeta(metaData)],
     }
   },
-})
-export default class ExploreCollectibles extends Vue {}
+}
 </script>
diff --git a/pages/_prefix/explore/items.vue b/pages/_prefix/explore/items.vue
index 257f497b1d..7bb75d516d 100644
--- a/pages/_prefix/explore/items.vue
+++ b/pages/_prefix/explore/items.vue
@@ -7,40 +7,41 @@
 </template>
 
 <script lang="ts">
-import { Component, mixins } from 'nuxt-property-decorator'
-import ExperimentMixin from '@/utils/mixins/experimentMixin'
 import Items from '@/components/items/Items.vue'
 import { usePreferencesStore } from '@/stores/preferences'
 
-const components = { Items }
+export default {
+  name: 'ExploreItems',
+  components: {
+    Items,
+  },
+  layout: 'explore-layout',
+  setup() {
+    const preferencesStore = usePreferencesStore()
+    const isSidebarOpen = computed(
+      () => preferencesStore.getsidebarFilterCollapse
+    )
 
-@Component<ExploreItems>({
-  components,
-  layout() {
-    return 'explore-layout'
+    return {
+      isSidebarOpen,
+    }
   },
   head() {
+    const { $route } = useNuxtApp()
+    const runtimeConfig = useRuntimeConfig()
     const title = 'Low minting fees and carbonless NFTs'
     const metaData = {
       title,
       type: 'profile',
       description: 'Buy Carbonless NFTs on Kusama',
-      url: `/${this.$route.params.prefix}/explore/items`,
-      image: `${this.$config.public.baseUrl}/k_card.png`,
+      url: `/${$route.params.prefix}/explore/items`,
+      image: `${runtimeConfig.public.baseUrl}/k_card.png`,
     }
     return {
       title,
       meta: [...this.$seoMeta(metaData)],
     }
   },
-})
-export default class ExploreItems extends mixins(ExperimentMixin) {
-  get preferencesStore() {
-    return usePreferencesStore()
-  }
-  get isSidebarOpen() {
-    return this.preferencesStore.getsidebarFilterCollapse
-  }
 }
 </script>
 
diff --git a/pages/identity.vue b/pages/identity.vue
index c3520ee9f7..ede27fe40c 100644
--- a/pages/identity.vue
+++ b/pages/identity.vue
@@ -3,17 +3,13 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'nuxt-property-decorator'
 import Identity from '@/components/common/IdentityForm.vue'
 
-@Component({
+export default {
+  name: 'IdentityPage',
   components: {
     Identity,
   },
-})
-export default class IdentityPage extends Vue {
-  layout() {
-    return 'centered-half-layout'
-  }
+  layout: 'centered-half-layout',
 }
 </script>
diff --git a/pages/sustainability.vue b/pages/sustainability.vue
index 50bb5400ae..005d089819 100644
--- a/pages/sustainability.vue
+++ b/pages/sustainability.vue
@@ -104,26 +104,27 @@
     </ul>
   </div>
 </template>
+
 <script lang="ts">
-import { Component, Vue } from 'nuxt-property-decorator'
 import { NeoIcon } from '@kodadot1/brick'
-@Component<Sustainibility>({
+
+export default {
+  name: 'Sustainibility',
+  components: {
+    NeoIcon,
+  },
+  layout: 'centered-half-layout',
   head() {
+    const runtimeConfig = useRuntimeConfig()
     const metaData = {
       type: 'article',
       description: 'KodaDot: Sustainibility mission',
       url: '/sustainibility',
-      image: `${this.$config.public.baseUrl}/k_card.png`,
+      image: `${runtimeConfig.public.baseUrl}/k_card.png`,
     }
     return {
       meta: [...this.$seoMeta(metaData)],
     }
   },
-  components: { NeoIcon },
-})
-export default class Sustainibility extends Vue {
-  layout() {
-    return 'centered-half-layout'
-  }
 }
 </script>
diff --git a/tests/cypress/e2e/components/media.cy.ts b/tests/cypress/e2e/components/media.cy.ts
index 656091ef79..54c549fa3a 100644
--- a/tests/cypress/e2e/components/media.cy.ts
+++ b/tests/cypress/e2e/components/media.cy.ts
@@ -34,7 +34,7 @@ describe(
   () => {
     mediaType.forEach(({ url, title, collection, type }) => {
       it(`should render ${type} in Media component`, () => {
-        cy.visit(`${url}?redesign=true`)
+        cy.visit(url)
 
         cy.getCy(`type-${type}`)
           .should('exist')
diff --git a/utils/mixins/experimentMixin.ts b/utils/mixins/experimentMixin.ts
deleted file mode 100644
index 9214effc2d..0000000000
--- a/utils/mixins/experimentMixin.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component, Vue } from 'nuxt-property-decorator'
-
-/*
- * refer to https://stackoverflow.com/questions/51873087/unable-to-use-mixins-in-vue-with-typescript
- * import { Component, Mixins } from 'nuxt-property-decorator';
- * class ExtendedClass extends Mixins(ActualMixin) {
- */
-@Component
-export default class ExperimentMixin extends Vue {
-  public searchParams = new URLSearchParams(window.location.search)
-
-  get redesign() {
-    return (
-      this.searchParams.get('redesign') === 'true' ||
-      localStorage.getItem('redesign') === 'true'
-    )
-  }
-}