vueless 0.0.385 → 0.0.386

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.385",
+  "version": "0.0.386",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.image-avatar/UAvatar.vue

@@ -17,12 +17,12 @@
       <slot
         v-else
         name="placeholder"
-        :icon-name="placeholderIcon"
+        :icon-name="placeholderIcon || config.defaults.placeholderIcon"
         :icon-color="componentColor"
         :icon-size="size"
       >
         <UIcon
-          :name="placeholderIcon"
+          :name="placeholderIcon || config.defaults.placeholderIcon"
           :color="componentColor"
           :size="size"
           v-bind="placeholderIconAttrs"
@@ -54,7 +54,7 @@ const props = defineProps({
   },
 
   /**
-   * Avatar label (user name, nickname, etc.).
+   * Avatar label (username, nickname, etc.).
    */
   label: {
     type: String,
@@ -62,7 +62,7 @@ const props = defineProps({
   },
 
   /**
-   * Avatar icon placeholder.
+   * Avatar placeholder icon.
    */
   placeholderIcon: {
     type: String,

package/ui.image-icon/UIcon.vue

@@ -23,19 +23,19 @@ defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**
-   * Icon SVG data source (svg as a vue component).
+   * Icon name.
    */
-  src: {
-    type: [String, Object],
+  name: {
+    type: String,
     default: "",
   },
 
   /**
-   * Name of the icon.
+   * Icon source (svg as a vue component).
    */
-  name: {
-    type: String,
-    default: "",
+  src: {
+    type: Object,
+    default: () => {},
   },
 
   /**
@@ -66,7 +66,7 @@ const props = defineProps({
   },
 
   /**
-   * Add interactive states to the icon (hover, clicked).
+   * Make the icon interactive (cursor pointer, etc.).
    */
   interactive: {
     type: Boolean,

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.385",
+  "version": "0.0.386",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -339,7 +339,7 @@
             },
             {
               "name": "label",
-              "description": "Avatar label (user name, nickname, etc.).",
+              "description": "Avatar label (username, nickname, etc.).",
               "value": {
                 "kind": "expression",
                 "type": "string"
@@ -348,7 +348,7 @@
             },
             {
               "name": "placeholderIcon",
-              "description": "Avatar icon placeholder.",
+              "description": "Avatar placeholder icon.",
               "value": {
                 "kind": "expression",
                 "type": "string"
@@ -4253,22 +4253,22 @@
           "description": "",
           "attributes": [
             {
-              "name": "src",
-              "description": "Icon SVG data source (svg as a vue component).",
+              "name": "name",
+              "description": "Icon name.",
               "value": {
                 "kind": "expression",
-                "type": "string|object"
+                "type": "string"
               },
               "default": "\"\""
             },
             {
-              "name": "name",
-              "description": "Name of the icon.",
+              "name": "src",
+              "description": "Icon source (svg as a vue component).",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "object"
               },
-              "default": "\"\""
+              "default": "() => {}"
             },
             {
               "name": "color",
@@ -4299,7 +4299,7 @@
             },
             {
               "name": "interactive",
-              "description": "Add interactive states to the icon (hover, clicked).",
+              "description": "Make the icon interactive (cursor pointer, etc.).",
               "value": {
                 "kind": "expression",
                 "type": "boolean"