vueless 0.0.747 → 0.0.748

package/ui.text-block/UText.vue

@@ -18,11 +18,11 @@ withDefaults(defineProps<Props>(), {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { wrapperAttrs, htmlAttrs } = useUI<Config>(defaultConfig);
+const { getDataTest, wrapperAttrs, htmlAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
-  <div v-bind="wrapperAttrs" :data-test="dataTest">
+  <div v-bind="wrapperAttrs" :data-test="getDataTest()">
     <!-- @slot Use it to add something inside. -->
     <div v-if="!hasSlotContent($slots['default'])" v-bind="htmlAttrs" v-html="html" />
     <slot />

package/ui.text-empty/UEmpty.vue

@@ -21,6 +21,7 @@ withDefaults(defineProps<Props>(), {
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
 const {
+  getDataTest,
   config,
   titleAttrs,
   descriptionAttrs,
@@ -33,7 +34,7 @@ const {
 </script>
 
 <template>
-  <div v-bind="wrapperAttrs" :data-test="dataTest">
+  <div v-bind="wrapperAttrs" :data-test="getDataTest()">
     <div v-bind="headerAttrs">
       <!-- @slot Use it to add something to the header. -->
       <slot name="header">

package/ui.text-file/UFile.vue

@@ -48,6 +48,7 @@ function onBlur() {
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
 const {
+  getDataTest,
   config,
   fileAttrs,
   bodyAttrs,
@@ -59,7 +60,7 @@ const {
 </script>
 
 <template>
-  <ULink :href="url" v-bind="fileAttrs" :data-test="dataTest">
+  <ULink :href="url" v-bind="fileAttrs" :data-test="getDataTest()">
     <slot name="left" :file="{ elementId, label, url, imageUrl }" />
 
     <slot :file="{ elementId, label, url, imageUrl }">
@@ -89,7 +90,7 @@ const {
         color="gray"
         :name="config.defaults.removeIcon"
         v-bind="removeIconAttrs"
-        :data-test="`${dataTest}-remove-item`"
+        :data-test="getDataTest('remove-item')"
         @click.stop.prevent="onRemove"
       />
     </slot>

package/ui.text-files/UFiles.vue

@@ -51,7 +51,7 @@ function onRemoveFile(fileId: string | number) {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { filesLabelAttrs, itemsAttrs, itemAttrs } = useUI<Config>(defaultConfig);
+const { getDataTest, filesLabelAttrs, itemsAttrs, itemAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
@@ -83,7 +83,7 @@ const { filesLabelAttrs, itemsAttrs, itemAttrs } = useUI<Config>(defaultConfig);
           :size="size"
           :removable="removable"
           v-bind="itemAttrs"
-          :data-test="`${dataTest}-item`"
+          :data-test="getDataTest(`item-${index}`)"
           @remove="onRemoveFile"
         >
           <template #left="{ file: currentFile }">

package/ui.text-header/UHeader.vue

@@ -18,11 +18,11 @@ withDefaults(defineProps<Props>(), {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { headerAttrs } = useUI<Config>(defaultConfig);
+const { getDataTest, headerAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
-  <component :is="tag" v-bind="headerAttrs" :data-test="dataTest">
+  <component :is="tag" v-bind="headerAttrs" :data-test="getDataTest()">
     <slot>{{ label }}</slot>
   </component>
 </template>

package/ui.text-money/UMoney.vue

@@ -28,7 +28,7 @@ const currencySymbolPosition = computed(() => {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { moneyAttrs, symbolAttrs } = useUI<Config>(defaultConfig);
+const { getDataTest, moneyAttrs, symbolAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
@@ -43,7 +43,7 @@ const { moneyAttrs, symbolAttrs } = useUI<Config>(defaultConfig);
     :decimal-separator="decimalSeparator"
     :thousands-separator="thousandsSeparator"
     v-bind="moneyAttrs"
-    :data-test="dataTest"
+    :data-test="getDataTest()"
   >
     <template #left>
       <!-- @slot Use it to add something before money amount. -->

package/ui.text-notify/UNotify.vue

@@ -124,6 +124,7 @@ function getBodyAttrs(type: Notification["type"]) {
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
 const {
+  getDataTest,
   config,
   wrapperAttrs,
   bodySuccessAttrs,
@@ -145,7 +146,7 @@ const {
     :style="notifyPositionStyles"
     tag="div"
     v-bind="{ ...config.transitionGroup, ...wrapperAttrs }"
-    :data-test="dataTest"
+    :data-test="getDataTest()"
   >
     <div
       v-for="notification in notifications"
@@ -211,7 +212,7 @@ const {
         interactive
         :name="config.defaults.closeIcon"
         v-bind="closeIconAttrs"
-        :data-test="`${dataTest}-close`"
+        :data-test="getDataTest('close')"
         @click="onClickClose(notification)"
       />
     </div>

package/ui.text-number/UNumber.vue

@@ -49,7 +49,7 @@ const preparedNumber = computed(() => {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { wrapperAttrs, numberAttrs, mathSignAttrs, integerAttrs, fractionAttrs } =
+const { getDataTest, wrapperAttrs, numberAttrs, mathSignAttrs, integerAttrs, fractionAttrs } =
   useUI<Config>(defaultConfig);
 </script>
 
@@ -58,7 +58,7 @@ const { wrapperAttrs, numberAttrs, mathSignAttrs, integerAttrs, fractionAttrs }
     <!-- @slot Use it to add something before the number. -->
     <slot name="left" />
 
-    <div v-bind="numberAttrs" :data-test="dataTest">
+    <div v-bind="numberAttrs" :data-test="getDataTest()">
       <span v-if="value" v-bind="mathSignAttrs" v-text="mathSign" />
 
       <span v-bind="integerAttrs" v-text="preparedNumber.integer" />