@vcmap/ui 5.3.2 → 6.0.0-rc.1

package/src/actions/StyleSelector.vue

@@ -9,38 +9,16 @@
         <v-list-item-title
           :class="{ 'primary--text': item.value === currentStyleName }"
         >
-          {{ $t(item.text) }}
+          {{ $st(item.text) }}
         </v-list-item-title>
       </v-list-item>
     </v-list>
-    <v-list v-if="currentStyleLegend.length > 0">
-      <v-list-item
-        v-for="(entry, index) in currentStyleLegend"
-        :key="`style-legend-${index}`"
-        dense
-      >
-        <v-list-item-icon>
-          <v-chip :color="entry.color" />
-        </v-list-item-icon>
-        <v-list-item-content>
-          {{ $t(entry.title) }}
-        </v-list-item-content>
-      </v-list-item>
-    </v-list>
   </v-sheet>
 </template>
 
 <script>
   import { computed, inject, onUnmounted, ref } from 'vue';
-  import {
-    VChip,
-    VList,
-    VListItem,
-    VListItemContent,
-    VListItemIcon,
-    VListItemTitle,
-    VSheet,
-  } from 'vuetify/lib';
+  import { VList, VListItem, VListItemTitle, VSheet } from 'vuetify/components';
 
   /**
    * @description Modal listing available styles.
@@ -54,10 +32,7 @@
       VSheet,
       VList,
       VListItem,
-      VListItemIcon,
       VListItemTitle,
-      VChip,
-      VListItemContent,
     },
     props: {
       availableStyles: {
@@ -75,16 +50,12 @@
       /** @type {import("@vcmap/core").FeatureLayer} */
       const layer = app.layers.getByKey(props.layerName);
       const currentStyleName = ref(layer.style.name || layer.defaultStyle.name);
-      const currentStyleLegend = ref([]);
       const defaultStyle = layer.defaultStyle.name;
 
-      function setStyle(styleItem) {
+      function setStyle() {
         currentStyleName.value = layer.style.name;
-        if (styleItem.legend) {
-          currentStyleLegend.value = styleItem.legend;
-        }
       }
-      setStyle(layer.style);
+      setStyle();
       // TODO error handling if layer is missing or not a feature layer
       const styleChangedListener =
         layer.styleChanged.addEventListener(setStyle);
@@ -126,7 +97,6 @@
 
       return {
         currentStyleName,
-        currentStyleLegend,
         items,
         select,
       };

package/src/actions/StyleSelector.vue.d.ts

@@ -9,10 +9,12 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     currentStyleName: import("vue").Ref<string>;
-    currentStyleLegend: import("vue").Ref<never[]>;
-    items: import("vue").ComputedRef<any>;
+    items: import("vue").ComputedRef<{
+        text: unknown;
+        value: unknown;
+    }[]>;
     select: (styleName: any) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     availableStyles: {
         type: ArrayConstructor;
         default: () => never[];
@@ -23,5 +25,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     availableStyles: unknown[];
-}>;
+}, {}>;
 export default _default;

package/src/actions/actionHelper.js

@@ -74,13 +74,13 @@ export function createMapButtonAction(actionOptions, mapName, maps) {
   check(maps, MapCollection);
 
   const active = maps.activeMap?.name === mapName;
-  const action = {
+  const action = reactive({
     ...actionOptions,
     active,
     callback() {
       maps.setActiveMap(mapName);
     },
-  };
+  });
   const destroyListener = maps.mapActivated.addEventListener((map) => {
     action.active = map?.name === mapName;
   });
@@ -111,7 +111,7 @@ export function createToggleAction(
   check(windowComponent, { id: String });
   check(owner, [String, vcsAppSymbol]);
 
-  const action = {
+  const action = reactive({
     ...actionOptions,
     active: windowManager.has(windowComponent.id),
     callback() {
@@ -122,7 +122,7 @@ export function createToggleAction(
       }
       return null;
     },
-  };
+  });
 
   const listeners = [
     windowManager.added.addEventListener(({ id }) => {
@@ -277,7 +277,7 @@ export function createModalAction(actionOptions, modalComponent, app, owner) {
     }
   };
 
-  const action = {
+  const action = reactive({
     ...actionOptions,
     active: false,
     callback(event) {
@@ -306,7 +306,7 @@ export function createModalAction(actionOptions, modalComponent, app, owner) {
       }
       return null;
     },
-  };
+  });
 
   const listeners = [
     app.windowManager.removed.addEventListener(({ id: windowId }) => {

package/src/actions/extentActions.d.ts

@@ -29,10 +29,9 @@ export function createExtentFeatureAction(app: import("@src/vcsUiApp.js").defaul
 /**
  * @param {import("@src/vcsUiApp.js").default} app
  * @param {import("vue").ComputedRef<import("@vcmap/core").Extent>|import("vue").Ref<import("@vcmap/core").Extent>|import("vue").WritableComputedRef<import("@vcmap/core").Extent>} extent
- * @param {boolean} disabled
  * @returns {{ actions: Array<import("./actionHelper.js").VcsAction>, destroy: () => void, layer: import("@vcmap/core").VectorLayer, featureId: string }}
  */
-export function setupExtentComponentActions(app: import("@src/vcsUiApp.js").default, extent: import("vue").ComputedRef<import("@vcmap/core").Extent> | import("vue").Ref<import("@vcmap/core").Extent> | import("vue").WritableComputedRef<import("@vcmap/core").Extent>, disabled: boolean): {
+export function setupExtentComponentActions(app: import("@src/vcsUiApp.js").default, extent: import("vue").ComputedRef<import("@vcmap/core").Extent> | import("vue").Ref<import("@vcmap/core").Extent> | import("vue").WritableComputedRef<import("@vcmap/core").Extent>): {
     actions: Array<import("./actionHelper.js").VcsAction>;
     destroy: () => void;
     layer: import("@vcmap/core").VectorLayer;

package/src/actions/extentActions.js

@@ -11,6 +11,7 @@ import {
   startEditGeometrySession,
   VectorLayer,
   Viewpoint,
+  wgs84Projection,
 } from '@vcmap/core';
 import { reactive, ref, watch, nextTick } from 'vue';
 import { Feature } from 'ol';
@@ -270,7 +271,14 @@ function setupVertexAction(
  * @param {string} featureId
  */
 function syncExtentFeature(extent, layer, featureId) {
-  const extentGeometry = fromExtent(extent.value.extent);
+  const extentCoords = [...extent.value.extent];
+  // clamp coords for visualization, because at the pole Cesium has issues
+  if (extent.value.projection.epsg === wgs84Projection.epsg) {
+    extentCoords[1] = Math.max(-89, extentCoords[1]);
+    extentCoords[3] = Math.min(89, extentCoords[3]);
+  }
+
+  const extentGeometry = fromExtent(extentCoords);
   extentGeometry.transform(
     extent.value.projection.proj,
     mercatorProjection.proj,
@@ -280,18 +288,21 @@ function syncExtentFeature(extent, layer, featureId) {
     c.push(0);
   });
   coordinates[0].pop();
-  const geometry = new Polygon(coordinates, 'XYZ');
-  geometry.set('_vcsGeomType', GeometryType.BBox);
-  layer.getFeatureById(featureId).setGeometry(geometry);
+  if (layer.getFeatureById(featureId).getGeometry()) {
+    layer.getFeatureById(featureId).getGeometry().setCoordinates(coordinates);
+  } else {
+    const geometry = new Polygon(coordinates, 'XYZ');
+    geometry.set('_vcsGeomType', GeometryType.BBox);
+    layer.getFeatureById(featureId).setGeometry(geometry);
+  }
 }
 
 /**
  * @param {import("@src/vcsUiApp.js").default} app
  * @param {import("vue").ComputedRef<import("@vcmap/core").Extent>|import("vue").Ref<import("@vcmap/core").Extent>|import("vue").WritableComputedRef<import("@vcmap/core").Extent>} extent
- * @param {boolean} disabled
  * @returns {{ actions: Array<import("./actionHelper.js").VcsAction>, destroy: () => void, layer: import("@vcmap/core").VectorLayer, featureId: string }}
  */
-export function setupExtentComponentActions(app, extent, disabled) {
+export function setupExtentComponentActions(app, extent) {
   const layer = new VectorLayer({
     projection: mercatorProjection.toJSON(),
     zIndex: maxZIndex - 1,
@@ -320,9 +331,9 @@ export function setupExtentComponentActions(app, extent, disabled) {
   );
 
   const { action: showExtentAction, destroy: destroyShowExtent } =
-    createLayerToggleAction(layer, disabled);
+    createLayerToggleAction(layer, false);
   const { action: createExtentAction, destroy: destroyCreateExtent } =
-    createExtentFeatureAction(app, layer, extent, featureId, disabled);
+    createExtentFeatureAction(app, layer, extent, featureId, false);
   const zoomToExtentAction = createZoomToExtentAction(app, extent);
   zoomToExtentAction.title = 'components.extent.zoom';
   const { action: translateAction, destroy: destroyTranslate } =

package/src/actions/flightActions.js

@@ -141,7 +141,7 @@ export function createFastAction(app, instance, direction) {
     player?.pause();
   }
 
-  const action = {
+  const action = reactive({
     name: `fast-${direction}`,
     icon,
     title: `flight.${direction}FastTooltip`,
@@ -158,7 +158,7 @@ export function createFastAction(app, instance, direction) {
         }
       },
     },
-  };
+  });
 
   const playerChangedListener = app.flights.playerChanged.addEventListener(
     (activePlayer) => {
@@ -245,14 +245,14 @@ export function setupFlightListItemPlayer(app, instance, actions) {
     );
   }
 
-  const stopAction = {
+  const stopAction = reactive({
     name: 'stop',
     icon: 'mdi-square',
     title: 'flight.stopTooltip',
     callback: () => {
       player?.stop();
     },
-  };
+  });
 
   const playAction = reactive({
     name: 'play',
@@ -308,7 +308,7 @@ export function setupFlightListItemPlayer(app, instance, actions) {
 export function createZoomToFlightAction(app, instance) {
   let flightVis;
 
-  const action = {
+  const action = reactive({
     name: 'components.flight.zoom',
     title: 'components.flight.zoom',
     disabled: !instance.isValid(),
@@ -318,7 +318,7 @@ export function createZoomToFlightAction(app, instance) {
       }
       await flightVis.zoomToExtent();
     },
-  };
+  });
   const listener = instance.anchorsChanged.addEventListener(() => {
     action.disabled = !instance.isValid();
   });
@@ -390,7 +390,7 @@ export function createExportFlightAction(instance, isPathExport = false) {
     ? 'components.flight.exportPath'
     : 'components.flight.export';
 
-  const action = {
+  const action = reactive({
     name,
     title: name,
     disabled: !instance.isValid(),
@@ -403,7 +403,7 @@ export function createExportFlightAction(instance, isPathExport = false) {
         }.json`,
       );
     },
-  };
+  });
 
   const destroy = instance.anchorsChanged.addEventListener(() => {
     action.disabled = !instance.isValid();

package/src/actions/listActions.d.ts

@@ -1,5 +1,5 @@
 /**
- * Creates an action for renaming an item in a VcsList. Sho VcsTextfield in VcsList.
+ * Creates an action for renaming an item in a VcsList. Shows VcsTextfield in VcsList.
  * @param {import("../components/lists/VcsList.vue").VcsListItem} item
  * @param {Partial<import("./actionHelper.js").ActionOptions>} [actionOptions={}]
  * @returns {import("./actionHelper.js").VcsAction}
@@ -13,7 +13,7 @@ export function createListItemRenameAction(item: import("../components/lists/Vcs
  * @template {Object} T
  * @returns {import("./actionHelper.js").VcsAction}
  */
-export function createListItemDeleteAction<T extends Object>(collection: import("@vcmap/core/dist/src/util/collection.js").default<T>, item: T, actionOptions?: Partial<import("./actionHelper.js").ActionOptions> | undefined): import("./actionHelper.js").VcsAction;
+export function createListItemDeleteAction<T extends Object>(collection: import("@vcmap/core").Collection<T>, item: T, actionOptions?: Partial<import("./actionHelper.js").ActionOptions> | undefined): import("./actionHelper.js").VcsAction;
 /**
  * Creates an action based on a provided selection
  * @param {import("vue").Ref<Array<import("../components/lists/VcsList.vue").VcsListItem>>} selection

package/src/actions/listActions.js

@@ -2,14 +2,14 @@ import { reactive, watch } from 'vue';
 import { check } from '@vcsuite/check';
 import { getLogger } from '@vcsuite/logger';
 import { parseGeoJSON } from '@vcmap/core';
+import VcsImportComponent from '../components/import/VcsImportComponent.vue';
 import { createToggleAction } from './actionHelper.js';
-import ImportComponent from '../components/import/ImportComponent.vue';
 import { WindowSlot } from '../manager/window/windowManager.js';
 import { vcsAppSymbol } from '../pluginHelper.js';
 import { NotificationType } from '../notifier/notifier.js';
 
 /**
- * Creates an action for renaming an item in a VcsList. Sho VcsTextfield in VcsList.
+ * Creates an action for renaming an item in a VcsList. Shows VcsTextfield in VcsList.
  * @param {import("../components/lists/VcsList.vue").VcsListItem} item
  * @param {Partial<import("./actionHelper.js").ActionOptions>} [actionOptions={}]
  * @returns {import("./actionHelper.js").VcsAction}
@@ -228,7 +228,7 @@ export function createListImportAction(
     {
       id: `list-import`,
       parentId,
-      component: ImportComponent,
+      component: VcsImportComponent,
       slot: WindowSlot.DYNAMIC_CHILD,
       state: {
         headerTitle: `list.import`,

package/src/actions/stateRefAction.js

@@ -1,4 +1,4 @@
-import { watch } from 'vue';
+import { reactive, watch } from 'vue';
 import { check } from '@vcsuite/check';
 
 /**
@@ -32,11 +32,11 @@ export function createStateRefAction(name, stateRef, callback) {
   check(callback, Function);
 
   const currentState = stateRef.value;
-  const action = {
+  const action = reactive({
     name,
     icon: stateIconMap[currentState],
     callback,
-  };
+  });
 
   const destroy = watch(stateRef, () => {
     action.icon = stateIconMap[stateRef.value];

package/src/application/VcsApp.vue

@@ -8,12 +8,7 @@
     ></VcsSplashScreen>
     <VcsNavbar />
     <VcsContainer :attribution-action="attributionAction" />
-    <v-footer
-      absolute
-      v-if="$vuetify.breakpoint.smAndUp"
-      min-height="22px"
-      class="d-flex gap-1 pa-0"
-    >
+    <v-footer v-if="smAndUp" app absolute height="22" class="d-flex gc-1 pa-0">
       <VcsPositionDisplay />
       <VcsTextPageFooter
         v-if="imprint"
@@ -35,7 +30,7 @@
 </template>
 
 <style scoped lang="scss">
-  ::v-deep .v-application--wrap {
+  :deep(.v-application--wrap) {
     min-height: fit-content;
   }
   .align-wrapper {
@@ -46,17 +41,10 @@
 </style>
 
 <script>
-  import {
-    computed,
-    getCurrentInstance,
-    onMounted,
-    onUnmounted,
-    provide,
-    ref,
-    watch,
-  } from 'vue';
+  import { computed, onMounted, onUnmounted, provide, watch, ref } from 'vue';
+  import { useDisplay } from 'vuetify';
   import { getVcsAppById, moduleIdSymbol } from '@vcmap/core';
-  import { VContainer, VFooter } from 'vuetify/lib';
+  import { VContainer, VFooter } from 'vuetify/components';
   import { getLogger } from '@vcsuite/logger';
   import VcsContainer from './VcsContainer.vue';
   import { ButtonLocation } from '../manager/navbarManager.js';
@@ -534,28 +522,31 @@
    * the theming keys. Returns a function to stop syncing.
    * Also adds a watcher to vuetify theme, which triggers themeChanged event on the VcsUiApp.
    * @param {import("../vcsUiApp.js").default} app
-   * @param {import("vuetify").Framework} vuetify
    * @returns {function():void} - call to stop syncing
    */
-  export function setupUiConfigTheming(app, vuetify) {
+  export function setupUiConfigTheming(app) {
     const listeners = [
       app.uiConfig.added.addEventListener((item) => {
         if (item.name === 'primaryColor') {
-          vuetify.theme.themes.dark.primary = item.value?.dark || item.value;
-          vuetify.theme.themes.light.primary = item.value?.light || item.value;
+          app.vuetify.theme.themes.value.dark.colors.primary =
+            item.value?.dark || item.value;
+          app.vuetify.theme.themes.value.light.colors.primary =
+            item.value?.light || item.value;
           app.themeChanged.raiseEvent();
         }
       }),
       app.uiConfig.removed.addEventListener((item) => {
         if (item.name === 'primaryColor') {
-          vuetify.theme.themes.dark.primary = defaultPrimaryColor.dark;
-          vuetify.theme.themes.light.primary = defaultPrimaryColor.light;
+          app.vuetify.theme.themes.value.dark.colors.primary =
+            defaultPrimaryColor.dark;
+          app.vuetify.theme.themes.value.light.colors.primary =
+            defaultPrimaryColor.light;
           app.themeChanged.raiseEvent();
         }
       }),
     ];
     const stopWatching = watch(
-      () => vuetify.theme.dark,
+      () => app.vuetify.theme.current.value.dark,
       () => app.themeChanged.raiseEvent(),
     );
 
@@ -669,10 +660,7 @@
       const stopSplashScreen = setupSplashScreen(app, splashScreenRef);
       setupHelpButton(app);
       const destroyComponentsWindow = setupCategoryManagerWindow(app);
-      const destroyThemingListener = setupUiConfigTheming(
-        app,
-        getCurrentInstance().proxy.$vuetify,
-      );
+      const destroyThemingListener = setupUiConfigTheming(app);
       const destroyDisplayQualityListener = setupUiConfigDisplayQuality(app);
       const { attributionEntries, attributionAction, destroyAttributions } =
         setupAttributions(app);
@@ -697,7 +685,10 @@
         destroyDisplayQualityListener();
       });
 
+      const { smAndUp } = useDisplay();
+
       return {
+        smAndUp,
         mobileLogo: computed(
           () =>
             app.uiConfig.config.value.mobileLogo ??

package/src/application/VcsApp.vue.d.ts

@@ -45,10 +45,9 @@ export function setupCategoryManagerWindow(app: import("../vcsUiApp.js").default
  * the theming keys. Returns a function to stop syncing.
  * Also adds a watcher to vuetify theme, which triggers themeChanged event on the VcsUiApp.
  * @param {import("../vcsUiApp.js").default} app
- * @param {import("vuetify").Framework} vuetify
  * @returns {function():void} - call to stop syncing
  */
-export function setupUiConfigTheming(app: import("../vcsUiApp.js").default, vuetify: import("vuetify").Framework): () => void;
+export function setupUiConfigTheming(app: import("../vcsUiApp.js").default): () => void;
 /**
  * This helper sets up a listener to sync the display quality settings from the {@see UiConfigObject}
  * @param {import("../vcsUiApp.js").default} app
@@ -72,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    smAndUp: import("vue").Ref<boolean>;
     mobileLogo: import("vue").ComputedRef<any>;
     imprint: import("vue").ComputedRef<{
         title: string;
@@ -90,12 +90,12 @@ declare const _default: import("vue").DefineComponent<{
             height: string;
         };
     } | undefined>;
-    attributionEntries: import("vue").Ref<import("./attributionsHelper.js").AttributionEntry[]>;
-    attributionAction: import("../actions/actionHelper.js").VcsAction;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    attributionEntries: import("vue").Ref<import("./attributionsHelper.js", { with: { "resolution-mode": "import" } }).AttributionEntry[]>;
+    attributionAction: import("../actions/actionHelper.js", { with: { "resolution-mode": "import" } }).VcsAction;
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     appId: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/src/application/VcsAppWrapper.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-  import { VApp } from 'vuetify/lib';
+  import { VApp } from 'vuetify/components';
   import VcsApp from './VcsApp.vue';
 
   /**

package/src/application/VcsAppWrapper.vue.d.ts

@@ -3,10 +3,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     appId: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/src/application/VcsAttributions.vue

@@ -6,18 +6,16 @@
         :key="key"
         class="px-0"
       >
-        <v-list-item-content>
-          <v-list-item-title>{{ $t(title) }}</v-list-item-title>
-          <v-list-item-subtitle
-            v-for="attribution in attributions"
-            :key="attribution.provider"
-            :title="`${$t(attribution.provider)} ${attribution.year}`"
-          >
-            <a :href="attribution.url" target="_blank">
-              {{ $t(attribution.provider) }} {{ attribution.year }}
-            </a>
-          </v-list-item-subtitle>
-        </v-list-item-content>
+        <v-list-item-title>{{ $st(title) }}</v-list-item-title>
+        <v-list-item-subtitle
+          v-for="attribution in attributions"
+          :key="attribution.provider"
+          :title="`${$st(attribution.provider)} ${attribution.year}`"
+        >
+          <a :href="attribution.url" target="_blank">
+            {{ $st(attribution.provider) }} {{ attribution.year }}
+          </a>
+        </v-list-item-subtitle>
       </v-list-item>
     </v-list>
     <v-sheet v-else class="ma-2">
@@ -53,30 +51,28 @@
   import {
     VList,
     VListItem,
-    VListItemContent,
     VListItemTitle,
     VListItemSubtitle,
     VSheet,
-  } from 'vuetify/lib';
+  } from 'vuetify/components';
 
   /**
    * @description Lists attributions of maps, layers and oblique collections
-   * @vue-prop {import("vue").Ref<Array<AttributionEntry>} entries - array with one entry per active VcsObject
+   * @vue-prop {import("vue").UnwrapRef<Array<AttributionEntry>} entries - array with one entry per active VcsObject
    */
   export default {
     name: 'VcsAttributions',
     components: {
       VList,
       VListItem,
-      VListItemContent,
       VListItemTitle,
       VListItemSubtitle,
       VSheet,
     },
     props: {
       entries: {
-        type: Object,
-        default: () => {},
+        type: Array,
+        default: () => [],
       },
     },
   };

package/src/application/VcsAttributions.vue.d.ts

@@ -1,14 +1,14 @@
 declare const _default: import("vue").DefineComponent<{
     entries: {
-        type: ObjectConstructor;
-        default: () => void;
+        type: ArrayConstructor;
+        default: () => never[];
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     entries: {
-        type: ObjectConstructor;
-        default: () => void;
+        type: ArrayConstructor;
+        default: () => never[];
     };
 }>>, {
-    entries: Record<string, any>;
-}>;
+    entries: unknown[];
+}, {}>;
 export default _default;

package/src/application/VcsAttributionsFooter.vue

@@ -6,7 +6,7 @@
       :key="attribution.provider"
     >
       <a :href="attribution.url" target="_blank"
-        >{{ $t(attribution.provider) }} <span>{{ attribution.years }}</span>
+        >{{ $st(attribution.provider) }} <span>{{ attribution.years }}</span>
       </a>
     </span>
     <VcsButton

package/src/application/VcsAttributionsFooter.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         years: string;
         url: URL;
     }[]>;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     entries: {
         type: ArrayConstructor;
         required: true;
@@ -22,5 +22,5 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;