diff --git a/.storybook/auto-imports.d.ts b/.storybook/auto-imports.d.ts
new file mode 100644
index 000000000..3d22adc50
--- /dev/null
+++ b/.storybook/auto-imports.d.ts
@@ -0,0 +1,203 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const PropertyTranslationsContextEnum: typeof import('../composables/usePropertyTranslations')['PropertyTranslationsContextEnum']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
+  const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useLink: typeof import('vue-router')['useLink']
+  const usePropertyTranslations: typeof import('../composables/usePropertyTranslations')['default']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}
+// for vue template auto import
+import { UnwrapRef } from 'vue'
+declare module 'vue' {
+  interface GlobalComponents {}
+  interface ComponentCustomProperties {
+    readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
+    readonly PropertyTranslationsContextEnum: UnwrapRef<typeof import('../composables/usePropertyTranslations')['PropertyTranslationsContextEnum']>
+    readonly computed: UnwrapRef<typeof import('vue')['computed']>
+    readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
+    readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
+    readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
+    readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
+    readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
+    readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
+    readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
+    readonly h: UnwrapRef<typeof import('vue')['h']>
+    readonly inject: UnwrapRef<typeof import('vue')['inject']>
+    readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
+    readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
+    readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
+    readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
+    readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
+    readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
+    readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
+    readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
+    readonly onBeforeRouteLeave: UnwrapRef<typeof import('vue-router')['onBeforeRouteLeave']>
+    readonly onBeforeRouteUpdate: UnwrapRef<typeof import('vue-router')['onBeforeRouteUpdate']>
+    readonly onBeforeUnmount: UnwrapRef<typeof import('vue')['onBeforeUnmount']>
+    readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
+    readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
+    readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
+    readonly onMounted: UnwrapRef<typeof import('vue')['onMounted']>
+    readonly onRenderTracked: UnwrapRef<typeof import('vue')['onRenderTracked']>
+    readonly onRenderTriggered: UnwrapRef<typeof import('vue')['onRenderTriggered']>
+    readonly onScopeDispose: UnwrapRef<typeof import('vue')['onScopeDispose']>
+    readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
+    readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
+    readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
+    readonly provide: UnwrapRef<typeof import('vue')['provide']>
+    readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
+    readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
+    readonly ref: UnwrapRef<typeof import('vue')['ref']>
+    readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
+    readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
+    readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
+    readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
+    readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
+    readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
+    readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
+    readonly toValue: UnwrapRef<typeof import('vue')['toValue']>
+    readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
+    readonly unref: UnwrapRef<typeof import('vue')['unref']>
+    readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
+    readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
+    readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
+    readonly useLink: UnwrapRef<typeof import('vue-router')['useLink']>
+    readonly usePropertyTranslations: UnwrapRef<typeof import('../composables/usePropertyTranslations')['default']>
+    readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
+    readonly useRouter: UnwrapRef<typeof import('vue-router')['useRouter']>
+    readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
+    readonly watch: UnwrapRef<typeof import('vue')['watch']>
+    readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
+    readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
+    readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
+  }
+}
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {}
+  interface ComponentCustomProperties {
+    readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
+    readonly PropertyTranslationsContextEnum: UnwrapRef<typeof import('../composables/usePropertyTranslations')['PropertyTranslationsContextEnum']>
+    readonly computed: UnwrapRef<typeof import('vue')['computed']>
+    readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
+    readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
+    readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
+    readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
+    readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
+    readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
+    readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
+    readonly h: UnwrapRef<typeof import('vue')['h']>
+    readonly inject: UnwrapRef<typeof import('vue')['inject']>
+    readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
+    readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
+    readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
+    readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
+    readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
+    readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
+    readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
+    readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
+    readonly onBeforeRouteLeave: UnwrapRef<typeof import('vue-router')['onBeforeRouteLeave']>
+    readonly onBeforeRouteUpdate: UnwrapRef<typeof import('vue-router')['onBeforeRouteUpdate']>
+    readonly onBeforeUnmount: UnwrapRef<typeof import('vue')['onBeforeUnmount']>
+    readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
+    readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
+    readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
+    readonly onMounted: UnwrapRef<typeof import('vue')['onMounted']>
+    readonly onRenderTracked: UnwrapRef<typeof import('vue')['onRenderTracked']>
+    readonly onRenderTriggered: UnwrapRef<typeof import('vue')['onRenderTriggered']>
+    readonly onScopeDispose: UnwrapRef<typeof import('vue')['onScopeDispose']>
+    readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
+    readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
+    readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
+    readonly provide: UnwrapRef<typeof import('vue')['provide']>
+    readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
+    readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
+    readonly ref: UnwrapRef<typeof import('vue')['ref']>
+    readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
+    readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
+    readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
+    readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
+    readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
+    readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
+    readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
+    readonly toValue: UnwrapRef<typeof import('vue')['toValue']>
+    readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
+    readonly unref: UnwrapRef<typeof import('vue')['unref']>
+    readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
+    readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
+    readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
+    readonly useLink: UnwrapRef<typeof import('vue-router')['useLink']>
+    readonly usePropertyTranslations: UnwrapRef<typeof import('../composables/usePropertyTranslations')['default']>
+    readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
+    readonly useRouter: UnwrapRef<typeof import('vue-router')['useRouter']>
+    readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
+    readonly watch: UnwrapRef<typeof import('vue')['watch']>
+    readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
+    readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
+    readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
+  }
+}
diff --git a/.storybook/main.ts b/.storybook/main.ts
index 34aec0ee5..6fd1e33e0 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -1,5 +1,7 @@
 import { resolve } from 'node:path'
 import type { StorybookConfig } from '@storybook/vue3-vite'
+import AutoImport from 'unplugin-auto-import/vite'
+import { mergeConfig } from 'vite'
 
 const config: StorybookConfig = {
   stories: [
@@ -18,21 +20,30 @@ const config: StorybookConfig = {
     autodocs: 'tag',
   },
   viteFinal: async (config) => {
-    (config.define = { 'process.env': {} })
-    if (config.resolve) {
-      config.resolve.alias = {
-        ...config.resolve.alias,
-        '~': resolve(__dirname, '../'),
-        // Bad pratice to import this way, we should take benefit of auto-imports
-        '#app': resolve(__dirname, '../node_modules/nuxt/dist/app'),
-        '#head': resolve(__dirname, '../node_modules/nuxt/dist/head/runtime'),
-        '#build': resolve(__dirname, '../.nuxt'),
-        '#imports': resolve(__dirname, '../.nuxt/imports'),
-        '#image': resolve(__dirname, '../node_modules/@nuxt/image-edge/dist/runtime'),
-      }
-    }
-
-    return config
+    return mergeConfig(config, {
+      define: {
+        'process.env': {},
+      },
+      plugins: [
+        AutoImport({
+          imports: ['vue', 'vue-router'],
+          dirs: ['./composables'],
+          vueTemplate: true,
+          dts: resolve(__dirname, 'auto-imports.d.ts'),
+        }),
+      ],
+      resolve: {
+        alias: {
+          '~': resolve(__dirname, '../'),
+          // Bad pratice to import this way, we should take benefit of auto-imports
+          '#app': resolve(__dirname, '../node_modules/nuxt/dist/app'),
+          '#head': resolve(__dirname, '../node_modules/nuxt/dist/head/runtime'),
+          '#build': resolve(__dirname, '../.nuxt'),
+          '#imports': resolve(__dirname, '../.nuxt/imports'),
+          '#image': resolve(__dirname, '../node_modules/@nuxt/image-edge/dist/runtime'),
+        },
+      },
+    })
   },
 }
 export default config
diff --git a/components/Fields/Field.stories.ts b/components/Fields/Field.stories.ts
index a74c927e5..7cc85adf7 100644
--- a/components/Fields/Field.stories.ts
+++ b/components/Fields/Field.stories.ts
@@ -1,6 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
 import Field from './Field.vue'
-import { PropertyTranslationsContextEnum } from '~/composables/usePropertyTranslations'
 
 const meta = {
   component: Field,
@@ -46,37 +45,43 @@ export const DefaultListMany = {
   },
 } satisfies Story
 
-// const description
-//   = 'Itinéraire très intéressant, d\'une part pour sa variété paysagère accentuée par la traversée fréquente de cours d\'eau et d\'autre part, par la qualité du patrimoine bâti : maisons traditionnelles landaises, église en garluche. \n\nDistance : 10,2 km - Durée : 4h45 - Animaux tenus en laisse  - Sentier pédestre et VTT \nFiche rando disponible dans le topoguide du Département des Landes du Pays de Born n°15 (en vente : 2 €)'
+export const NoValue = {
+  args: {
+    ...Default.args,
+    properties: {
+      metadata: { id: 0 },
+    },
+  },
+} satisfies Story
 
-// export const NoValue = bind(Field, {
-//   ...defaultProps,
-//   properties: {
-//     metadata: { id: 0 },
-//   },
-// })
+export const Label = {
+  args: {
+    ...Default.args,
+    field: {
+      ...Default.args.field,
+      label: true,
+    },
+  },
+} satisfies Story
 
-// export const Label = bind(Field, {
-//   ...defaultProps,
-//   field: {
-//     ...defaultProps.field,
-//     label: true,
-//   },
-// })
+export const Route = {
+  args: {
+    ...Default.args,
+    field: { field: 'route' },
+    properties: {
+      'metadata': { id: 0 },
+      'route:hiking:difficulty': 'easy',
+      'route:hiking:duration': 285,
+      'route:hiking:length': 10.2,
+      'route:mtb:difficulty': 'easy',
+      'route:mtb:duration': 90,
+      'route:mtb:length': 10.2,
+    },
+  },
+} satisfies Story
 
-// export const Route = bind(Field, {
-//   ...defaultProps,
-//   field: { field: 'route' },
-//   properties: {
-//     'metadata': { id: 0 },
-//     'route:hiking:difficulty': 'easy',
-//     'route:hiking:duration': 285,
-//     'route:hiking:length': 10.2,
-//     'route:mtb:difficulty': 'easy',
-//     'route:mtb:duration': 90,
-//     'route:mtb:length': 10.2,
-//   },
-// })
+// const description
+//   = 'Itinéraire très intéressant, d\'une part pour sa variété paysagère accentuée par la traversée fréquente de cours d\'eau et d\'autre part, par la qualité du patrimoine bâti : maisons traditionnelles landaises, église en garluche. \n\nDistance : 10,2 km - Durée : 4h45 - Animaux tenus en laisse  - Sentier pédestre et VTT \nFiche rando disponible dans le topoguide du Département des Landes du Pays de Born n°15 (en vente : 2 €)'
 
 // export const StartEndDate = bind(Field, {
 //   ...defaultProps,
diff --git a/components/Fields/Field.vue b/components/Fields/Field.vue
index f1c9ac3d8..d5bc0e028 100644
--- a/components/Fields/Field.vue
+++ b/components/Fields/Field.vue
@@ -16,8 +16,6 @@ import Stars from '~/components/Fields/Stars.vue'
 import ExternalLink from '~/components/UI/ExternalLink.vue'
 import FieldsHeader from '~/components/UI/FieldsHeader.vue'
 import type { ApiPoiProperties, FieldsListItem } from '~/lib/apiPois'
-import type { PropertyTranslationsContextEnum } from '~/composables/usePropertyTranslations'
-import usePropertyTranslations from '~/composables/usePropertyTranslations'
 
 export function isFiledEmpty(
   field: FieldsListItem,
diff --git a/components/Fields/OpeningHours.test.js b/components/Fields/OpeningHours.test.js
index 14c68bb5a..1749f78b8 100644
--- a/components/Fields/OpeningHours.test.js
+++ b/components/Fields/OpeningHours.test.js
@@ -2,7 +2,6 @@ import { createPinia } from 'pinia'
 import { createApp } from 'vue'
 
 import OpeningHours from '~/components/Fields/OpeningHours.vue'
-import { PropertyTranslationsContextEnum } from '~/composables/usePropertyTranslations'
 import { siteStore } from '~/stores/site'
 
 const realPinia = createPinia()
diff --git a/components/Fields/OpeningHours.vue b/components/Fields/OpeningHours.vue
index 15a4c5622..925377ad3 100644
--- a/components/Fields/OpeningHours.vue
+++ b/components/Fields/OpeningHours.vue
@@ -6,7 +6,6 @@ import type { PropType } from 'vue'
 
 import { defineNuxtComponent } from '#app'
 import RelativeDate from '~/components/UI/RelativeDate.vue'
-import { PropertyTranslationsContextEnum } from '~/composables/usePropertyTranslations'
 import { siteStore } from '~/stores/site'
 
 const PointTime = [/^collection_times$/, /^service_times$/]
diff --git a/components/Fields/RoutesField.story.vue b/components/Fields/RoutesField.story.vue
index 0f963123d..ade57ad6b 100644
--- a/components/Fields/RoutesField.story.vue
+++ b/components/Fields/RoutesField.story.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import RoutesField from '~/components/Fields/RoutesField.vue'
-import { PropertyTranslationsContextEnum } from '~/composables/usePropertyTranslations'
 
 const defaultProps = {
   context: PropertyTranslationsContextEnum.Details,
diff --git a/components/Fields/RoutesField.vue b/components/Fields/RoutesField.vue
index 30d484bdd..dc76a4853 100644
--- a/components/Fields/RoutesField.vue
+++ b/components/Fields/RoutesField.vue
@@ -4,7 +4,6 @@ import type { PropType } from 'vue'
 import { defineNuxtComponent } from '#app'
 import FieldsHeader from '~/components/UI/FieldsHeader.vue'
 import type { ApiPoiProperties } from '~/lib/apiPois'
-import { PropertyTranslationsContextEnum } from '~/composables/usePropertyTranslations'
 
 interface Route {
   duration?: number
diff --git a/components/PoisCard/Fields.vue b/components/PoisCard/Fields.vue
index b65ff029c..b3f680842 100644
--- a/components/PoisCard/Fields.vue
+++ b/components/PoisCard/Fields.vue
@@ -5,7 +5,6 @@ import type { PropType } from 'vue'
 import { defineNuxtComponent } from '#app'
 import Field from '~/components/Fields/Field.vue'
 import type { ApiPoiProperties, FieldsListItem } from '~/lib/apiPois'
-import { PropertyTranslationsContextEnum } from '~/composables/usePropertyTranslations'
 
 export default defineNuxtComponent({
   components: {
diff --git a/components/PoisDetails/FieldsGroup.vue b/components/PoisDetails/FieldsGroup.vue
index 624a08def..ab5fa203b 100644
--- a/components/PoisDetails/FieldsGroup.vue
+++ b/components/PoisDetails/FieldsGroup.vue
@@ -13,7 +13,6 @@ import type {
   FieldsListGroup,
   FieldsListItem,
 } from '~/lib/apiPois'
-import { PropertyTranslationsContextEnum } from '~/composables/usePropertyTranslations'
 
 export default defineNuxtComponent({
   name: 'FieldsGroup',
diff --git a/components/PoisDetails/PoiDetails.vue b/components/PoisDetails/PoiDetails.vue
index 0e607f7db..bb58ee4bf 100644
--- a/components/PoisDetails/PoiDetails.vue
+++ b/components/PoisDetails/PoiDetails.vue
@@ -18,7 +18,6 @@ import type { ContentEntry } from '~/lib/apiContent'
 import type { ApiPoiDeps } from '~/lib/apiPoiDeps'
 import type { ApiPoi, ApiPoiId, FieldsList } from '~/lib/apiPois'
 import type { Settings } from '~/lib/apiSettings'
-import { PropertyTranslationsContextEnum } from '~/composables/usePropertyTranslations'
 import { favoritesStore } from '~/stores/favorite'
 import { OriginEnum } from '~/utils/types'
 
diff --git a/components/PoisList/PoisTable.vue b/components/PoisList/PoisTable.vue
index a77f4d201..72dc13c1b 100644
--- a/components/PoisList/PoisTable.vue
+++ b/components/PoisList/PoisTable.vue
@@ -4,7 +4,6 @@ import type { PropType } from 'vue'
 import { defineNuxtComponent } from '#app'
 import Field from '~/components/Fields/Field.vue'
 import type { ApiPois, FieldsListItem } from '~/lib/apiPois'
-import { PropertyTranslationsContextEnum } from '~/composables/usePropertyTranslations'
 
 export default defineNuxtComponent({
   components: {
diff --git a/package.json b/package.json
index f7650f6c0..32df3ed34 100644
--- a/package.json
+++ b/package.json
@@ -117,6 +117,7 @@
     "stylelint-config-standard-scss": "^13.0.0",
     "tailwindcss": "^3.3.2",
     "typescript": "^5.1.3",
+    "unplugin-auto-import": "^0.17.5",
     "vite-plugin-checker": "^0.6.2",
     "vite-plugin-vuetify": "^2.0.1",
     "vue-tsc": "^1.8.27"
diff --git a/yarn.lock b/yarn.lock
index c79e03ae1..a35b562f7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -122,6 +122,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@antfu/utils@npm:^0.7.7":
+  version: 0.7.7
+  resolution: "@antfu/utils@npm:0.7.7"
+  checksum: 6814e4326d76ebcd11965ab46b1863e45e81e217cceed114bed309cc4ec3e2a07fe0021173217244095092d78ab23773eec9abfcbd0f1e7682c6397bfb75a245
+  languageName: node
+  linkType: hard
+
 "@aw-web-design/x-default-browser@npm:1.4.126":
   version: 1.4.126
   resolution: "@aw-web-design/x-default-browser@npm:1.4.126"
@@ -5132,6 +5139,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/pluginutils@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "@rollup/pluginutils@npm:5.1.0"
+  dependencies:
+    "@types/estree": ^1.0.0
+    estree-walker: ^2.0.2
+    picomatch: ^2.3.1
+  peerDependencies:
+    rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+  peerDependenciesMeta:
+    rollup:
+      optional: true
+  checksum: 708dc8e77dea1528c807708eaadf6e7bb4bc462702d5c4a8dc61c6cef4c75d97e91ed9045b038846a9f637e623e4fb5cf129ee49db9487796732bf6787897fec
+  languageName: node
+  linkType: hard
+
 "@sidvind/better-ajv-errors@npm:^2.0.0":
   version: 2.1.0
   resolution: "@sidvind/better-ajv-errors@npm:2.1.0"
@@ -6110,6 +6133,7 @@ __metadata:
     stylelint-config-standard-scss: ^13.0.0
     tailwindcss: ^3.3.2
     typescript: ^5.1.3
+    unplugin-auto-import: ^0.17.5
     url-slug: ^4.0.1
     vite-plugin-checker: ^0.6.2
     vite-plugin-vuetify: ^2.0.1
@@ -7823,7 +7847,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.11.3":
+"acorn@npm:^8.10.0, acorn@npm:^8.11.2, acorn@npm:^8.11.3":
   version: 8.11.3
   resolution: "acorn@npm:8.11.3"
   bin:
@@ -19480,6 +19504,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"scule@npm:^1.1.1":
+  version: 1.3.0
+  resolution: "scule@npm:1.3.0"
+  checksum: a0667d516dd3eba8179b03c28d3ffefd93d1a670f827241168873d93d88442833c4498be33a025e36b79daefc68623bb6fea9681b6cfb7bd9ed68e19f473d001
+  languageName: node
+  linkType: hard
+
 "section-matter@npm:^1.0.0":
   version: 1.0.0
   resolution: "section-matter@npm:1.0.0"
@@ -20356,6 +20387,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-literal@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "strip-literal@npm:1.3.0"
+  dependencies:
+    acorn: ^8.10.0
+  checksum: a7307d989483d5d872ec4340c8d06ee094942a0e72a47a3e49bd200a4713aae4bfe4733a3fe65f00432e318b4495a85111ee498dd054c9917228f34a714f2b56
+  languageName: node
+  linkType: hard
+
 "style-mod@npm:^4.0.0":
   version: 4.0.2
   resolution: "style-mod@npm:4.0.2"
@@ -21462,6 +21502,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unimport@npm:^3.7.1":
+  version: 3.7.1
+  resolution: "unimport@npm:3.7.1"
+  dependencies:
+    "@rollup/pluginutils": ^5.1.0
+    acorn: ^8.11.2
+    escape-string-regexp: ^5.0.0
+    estree-walker: ^3.0.3
+    fast-glob: ^3.3.2
+    local-pkg: ^0.5.0
+    magic-string: ^0.30.5
+    mlly: ^1.4.2
+    pathe: ^1.1.1
+    pkg-types: ^1.0.3
+    scule: ^1.1.1
+    strip-literal: ^1.3.0
+    unplugin: ^1.5.1
+  checksum: 9df9c355fee9fefc936d7aa94cc869b0f559d1cbfd2d7e53be9e490dcb66da5f64a070e330949158f1ff47e80b5e1dce85030b9afc83d38cf9432fc250c27680
+  languageName: node
+  linkType: hard
+
 "union-value@npm:^1.0.1":
   version: 1.0.1
   resolution: "union-value@npm:1.0.1"
@@ -21584,6 +21645,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unplugin-auto-import@npm:^0.17.5":
+  version: 0.17.5
+  resolution: "unplugin-auto-import@npm:0.17.5"
+  dependencies:
+    "@antfu/utils": ^0.7.7
+    "@rollup/pluginutils": ^5.1.0
+    fast-glob: ^3.3.2
+    local-pkg: ^0.5.0
+    magic-string: ^0.30.5
+    minimatch: ^9.0.3
+    unimport: ^3.7.1
+    unplugin: ^1.6.0
+  peerDependencies:
+    "@nuxt/kit": ^3.2.2
+    "@vueuse/core": "*"
+  peerDependenciesMeta:
+    "@nuxt/kit":
+      optional: true
+    "@vueuse/core":
+      optional: true
+  checksum: ef4ac2c142d8cf884b6be5e98f708ff91d078be7ddafdbc4ef9b7ef86c1ed4739986dce95cfc653ede10453009fb2b2f81c394bafceead794b3a6f86b762b403
+  languageName: node
+  linkType: hard
+
 "unplugin@npm:^1.0.1, unplugin@npm:^1.1.0":
   version: 1.1.0
   resolution: "unplugin@npm:1.1.0"
@@ -21608,6 +21693,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unplugin@npm:^1.5.1, unplugin@npm:^1.6.0":
+  version: 1.7.1
+  resolution: "unplugin@npm:1.7.1"
+  dependencies:
+    acorn: ^8.11.3
+    chokidar: ^3.5.3
+    webpack-sources: ^3.2.3
+    webpack-virtual-modules: ^0.6.1
+  checksum: de4b89e465e3d946fde4e066e611e70ae93c3628f224212b61b462a9e1e100ae873297959b9e1b76162864111f89c5d148907af3f42d330d800fdfed7ccdd2e8
+  languageName: node
+  linkType: hard
+
 "unstorage@npm:^1.1.5":
   version: 1.1.5
   resolution: "unstorage@npm:1.1.5"
@@ -22561,6 +22658,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"webpack-virtual-modules@npm:^0.6.1":
+  version: 0.6.1
+  resolution: "webpack-virtual-modules@npm:0.6.1"
+  checksum: 33dce07a268c676a0c1f383d257d04b9b73e25d643e544530ff8f3e75b39cb6a35062c8035807bbbe47b489c71ed3723cea8d0398832608e164fb85a55d67807
+  languageName: node
+  linkType: hard
+
 "whatwg-encoding@npm:^2.0.0":
   version: 2.0.0
   resolution: "whatwg-encoding@npm:2.0.0"