diff --git a/src/components/AudioResultsList.vue b/src/components/AudioResultsList.vue
index 432d5ceebd0..fb9838b80a7 100644
--- a/src/components/AudioResultsList.vue
+++ b/src/components/AudioResultsList.vue
@@ -92,7 +92,7 @@ export default {
   },
   methods: {
     ...mapActions({
-      fetchMedia: `${FETCH_MEDIA}`,
+      fetchMedia: FETCH_MEDIA,
     }),
     onLoadMoreAudios() {
       const searchParams = {
diff --git a/src/components/Filters/FilterChecklist.vue b/src/components/Filters/FilterChecklist.vue
index 679321f11fb..6aec4131e46 100644
--- a/src/components/Filters/FilterChecklist.vue
+++ b/src/components/Filters/FilterChecklist.vue
@@ -81,7 +81,7 @@ export default {
     LicenseIcons,
     LicenseExplanationTooltip,
   },
-  props: ['options', 'title', 'filterType'],
+  props: ['options', 'title', 'filterType', 'disabled'],
   data() {
     return {
       filtersVisible: false,
@@ -133,27 +133,29 @@ export default {
     hideLicenseExplanationVisibility() {
       this.licenseExplanationVisible = false
     },
-    isDisabled(e) {
-      const licenses = this.$store.state.filters.licenses
+    getFilterTypeValue(filterKey, val) {
+      return this.$store.state.filters[filterKey].filter((item) =>
+        item.code.includes(val)
+      )
+    },
+    isDisabled(item) {
       if (this.$props.filterType === 'licenseTypes') {
-        const nc = licenses.filter((item) => item.code.includes('nc'))
-        const nd = licenses.filter((item) => item.code.includes('nd'))
+        const nc = this.getFilterTypeValue('licenses', 'nc')
+        const nd = this.getFilterTypeValue('licenses', 'nd')
         return (
-          (e.code === 'commercial' && nc.some((li) => li.checked)) ||
-          (e.code === 'modification' && nd.some((li) => li.checked))
+          (item.code === 'commercial' && nc.some((li) => li.checked)) ||
+          (item.code === 'modification' && nd.some((li) => li.checked))
         )
       }
-      const licenseTypes = this.$store.state.filters.licenseTypes
       if (this.$props.filterType === 'licenses') {
-        const commercial = licenseTypes.find(
-          (item) => item.code === 'commercial'
-        )
-        const modification = licenseTypes.find(
-          (item) => item.code === 'modification'
+        const commercial = this.getFilterTypeValue('licenseTypes', 'commercial')
+        const modification = this.getFilterTypeValue(
+          'licenseTypes',
+          'modification'
         )
         return (
-          (commercial.checked && e.code.includes('nc')) ||
-          (modification.checked && e.code.includes('nd'))
+          (commercial.checked && item.code.includes('nc')) ||
+          (modification.checked && item.code.includes('nd'))
         )
       }
       return this.$props.disabled
diff --git a/src/components/Filters/FilterDisplay.vue b/src/components/Filters/FilterDisplay.vue
index 1c6094f9df2..b44dfbe4588 100644
--- a/src/components/Filters/FilterDisplay.vue
+++ b/src/components/Filters/FilterDisplay.vue
@@ -22,10 +22,7 @@ export default {
   name: 'FilterDisplay',
   components: { FilterTag },
   computed: {
-    ...mapGetters([
-      'appliedFilterTags',
-      'isAnyFilterApplied',
-    ]),
+    ...mapGetters(['appliedFilterTags', 'isAnyFilterApplied']),
   },
   methods: {
     onUpdateFilter({ code, filterType }) {
diff --git a/src/components/Filters/SearchGridFilter.vue b/src/components/Filters/SearchGridFilter.vue
index 1116c0e5993..4e7b9a89f29 100644
--- a/src/components/Filters/SearchGridFilter.vue
+++ b/src/components/Filters/SearchGridFilter.vue
@@ -36,11 +36,11 @@ export default {
   },
   methods: {
     ...mapActions({
-      toggleFilter: `${TOGGLE_FILTER}`,
+      toggleFilter: TOGGLE_FILTER,
     }),
     ...mapMutations({
-      setFilterVisible: `${SET_FILTER_IS_VISIBLE}`,
-      clearFilters: `${CLEAR_FILTERS}`,
+      setFilterVisible: SET_FILTER_IS_VISIBLE,
+      clearFilters: CLEAR_FILTERS,
     }),
     onUpdateFilter({ code, filterType }) {
       this.toggleFilter({ code, filterType })
diff --git a/src/components/HomeLicenseFilter.vue b/src/components/HomeLicenseFilter.vue
index a545e3082f8..dc2761f8cac 100644
--- a/src/components/HomeLicenseFilter.vue
+++ b/src/components/HomeLicenseFilter.vue
@@ -31,7 +31,7 @@ export default {
     }),
   },
   methods: {
-    ...mapActions({ toggleFilter: `${TOGGLE_FILTER}` }),
+    ...mapActions({ toggleFilter: TOGGLE_FILTER }),
     onFilterChanged(code) {
       this.toggleFilter({
         code,
diff --git a/src/components/NotificationBanner.vue b/src/components/NotificationBanner.vue
index c178d570687..85439d43bea 100644
--- a/src/components/NotificationBanner.vue
+++ b/src/components/NotificationBanner.vue
@@ -1,21 +1,21 @@
 <template>
   <div class="notification__wrapper">
     <p class="notification__text">
-      {{ $t(notificationText) }}
+      {{ $t(text) }}
     </p>
     <div class="notification__actions">
       <button
-        v-if="notificationOkay"
+        v-if="!!okayLabel"
         class="button is-success small"
         @click="handleOkayClick"
       >
-        {{ $t(notificationOkay) }}
+        {{ $t(okayLabel) }}
       </button>
       <button
         class="button is-text small dismiss-button"
         @click="handleDismissClick"
       >
-        <span v-if="notificationDismiss">{{ $t(notificationDismiss) }}</span>
+        <span v-if="!!dismissLabel">{{ $t(dismissLabel) }}</span>
         <svg
           v-else
           viewBox="0 0 30 30"
@@ -48,13 +48,12 @@ export default {
   },
   methods: {
     handleDismissClick() {
-      this.$store.commit(`${SET_SHOW_NOTIFICATION}`, {
+      this.$store.commit(SET_SHOW_NOTIFICATION, {
         showNotification: false,
       })
     },
     handleOkayClick() {
-      let NOTIFICATION_ACTION
-      this.$store.dispatch(`${NOTIFICATION_ACTION}`)
+      this.$store.dispatch('NOTIFICATION_ACTION')
     },
   },
 }
diff --git a/src/components/SaferBrowsing.vue b/src/components/SaferBrowsing.vue
index f6fdd42c6de..a8ae36f2892 100644
--- a/src/components/SaferBrowsing.vue
+++ b/src/components/SaferBrowsing.vue
@@ -60,7 +60,7 @@ export default {
     },
   },
   methods: {
-    ...mapActions({ toggleFilter: `${TOGGLE_FILTER}` }),
+    ...mapActions({ toggleFilter: TOGGLE_FILTER }),
     toggleShowForm() {
       this.showForm = !this.showForm
     },
diff --git a/src/components/SearchGridManualLoad.vue b/src/components/SearchGridManualLoad.vue
index 0878cb7dcb3..9d4d3fb9fb6 100644
--- a/src/components/SearchGridManualLoad.vue
+++ b/src/components/SearchGridManualLoad.vue
@@ -149,10 +149,10 @@ export default {
   },
   methods: {
     ...mapMutations({
-      setMedia: `${SET_MEDIA}`,
+      setMedia: SET_MEDIA,
     }),
     ...mapActions({
-      fetchMedia: `${FETCH_MEDIA}`,
+      fetchMedia: FETCH_MEDIA,
     }),
     searchChanged() {
       this.setMedia({ media: [], page: 1 })
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 2e2e26edaaa..6eeecfdf963 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -11,7 +11,7 @@ const HomePage = {
     return store.state.isEmbedded ? 'embedded' : 'default'
   },
   beforeMount() {
-    this.$store.commit(`${CLEAR_FILTERS}`)
+    this.$store.commit(CLEAR_FILTERS)
   },
 }
 
diff --git a/src/pages/search.vue b/src/pages/search.vue
index afafdaf88d3..a453173536b 100644
--- a/src/pages/search.vue
+++ b/src/pages/search.vue
@@ -78,13 +78,13 @@ const BrowsePage = {
   },
   methods: {
     ...mapActions({
-      fetchMedia: `${FETCH_MEDIA}`,
-      setSearchTypeFromUrl: `${SET_SEARCH_TYPE_FROM_URL}`,
-      setFiltersFromUrl: `${SET_FILTERS_FROM_URL}`,
+      fetchMedia: FETCH_MEDIA,
+      setSearchTypeFromUrl: SET_SEARCH_TYPE_FROM_URL,
     }),
     ...mapMutations({
-      setQuery: `${SET_QUERY}`,
-      setFilterVisibility: `${SET_FILTER_IS_VISIBLE}`,
+      setQuery: SET_QUERY,
+      setFilterVisibility: SET_FILTER_IS_VISIBLE,
+      setFiltersFromUrl: SET_FILTERS_FROM_URL,
     }),
     getMediaItems(params, mediaType) {
       this.fetchMedia({ ...params, mediaType })
diff --git a/src/store-modules/media-provider-store.js b/src/store-modules/media-provider-store.js
index b1dc9ca04d1..69f1d504e95 100644
--- a/src/store-modules/media-provider-store.js
+++ b/src/store-modules/media-provider-store.js
@@ -1,7 +1,7 @@
 import {
   FETCH_MEDIA_TYPE_PROVIDERS,
   FETCH_MEDIA_PROVIDERS,
-} from '../constants/action-types'
+} from '~/constants/action-types'
 
 import {
   SET_PROVIDER_FETCH_ERROR,
@@ -9,7 +9,7 @@ import {
   FETCH_MEDIA_PROVIDERS_START,
   SET_MEDIA_PROVIDERS,
   SET_PROVIDERS_FILTERS,
-} from '../constants/mutation-types'
+} from '~/constants/mutation-types'
 
 import previousImageProviders from '../data/existing-image-providers'
 import previousAudioProviders from '../data/existing-audio-providers'
diff --git a/src/store-modules/search-store.js b/src/store-modules/search-store.js
index a8c2bf5404f..40f816af444 100644
--- a/src/store-modules/search-store.js
+++ b/src/store-modules/search-store.js
@@ -11,7 +11,7 @@ import {
   HANDLE_MEDIA_ERROR,
   UPDATE_SEARCH_TYPE,
   SET_SEARCH_TYPE_FROM_URL,
-} from '../constants/action-types'
+} from '~/constants/action-types'
 import {
   FETCH_END_MEDIA,
   FETCH_MEDIA_ERROR,
@@ -24,7 +24,7 @@ import {
   SET_QUERY,
   SET_SEARCH_TYPE,
   UPDATE_FILTERS,
-} from '../constants/mutation-types'
+} from '~/constants/mutation-types'
 import {
   SEND_SEARCH_QUERY_EVENT,
   SEND_RESULT_CLICKED_EVENT,