Hi everyone!
I'm experimenting with QtQuick and started with 1.0 because that's what my distro ships by default.
I made a couple of custom objects and am trying to create some reusable object with them, but I can't access one of the custom properties.
Would someone please point me to the right direction on this? Thank you!

-- Information and code below --

The errors I get are:
Qt Code: 
  1. app.qml:17:18: Cannot assign to non-existent property "name"
  2. //or 
  3. app.qml:17:13: Invalid grouped property access
To copy to clipboard, switch view to plain text mode 

Here's my directory structure:

Qt Code: 
  1. app/
  2. ├── Components
  3. │** ├── Button.qml
  4. │** ├── fa-glyphs.js
  5. │** └── FAicon.qml
  6. ├── app.kdev4
  7. ├── app.qml
  8. └── Resources
  9.     └── fonts
  10.         └── fontawesome.ttf
To copy to clipboard, switch view to plain text mode 

Here's the scripts:

FAicon.qml
Qt Code: 
  1. import QtQuick 1.0
  2. import "fa-glyphs.js" as FontAwesome
  3.  
  4. Item {
  5.     property alias color: textContent.color
  6.     property alias size: textContent.font.pointSize
  7.     property variant iconSet: FontAwesome.Icons
  8.     property variant name: "none"
  9.     FontLoader {
  10.         source: "../Resources/fonts/fontawesome.ttf"
  11.     }
  12.  
  13.     Text {
  14.         id: textContent
  15.         font.family: "FontAwesome"
  16.         text: parent.iconSet[parent.name]
  17.     }
  18. }
To copy to clipboard, switch view to plain text mode 

Button.qml
Qt Code: 
  1. import QtQuick 1.0
  2.  
  3. Rectangle {
  4.     property alias text: buttonText.text
  5.     property alias icon: icon // Also tried with property variant icon: icon, but got the second error.
  6.  
  7.     FAicon {
  8.         id: icon
  9.         name: "none"
  10.     }
  11.  
  12.     Text {
  13.         id: buttonText
  14.         anchors.centerIn: parent
  15.     }
  16. }
To copy to clipboard, switch view to plain text mode 

And app.qml
Qt Code: 
  1. import QtQuick 1.0
  2. import "Components"
  3.  
  4. Rectangle {
  5.     id: mainwindow
  6.     width: 800
  7.     height: 500
  8.     color: "#cecece"
  9.  
  10.     Rectangle {
  11.         id: sidebar
  12.         width: parent.width * 0.2
  13.         height: parent.height
  14.         color: "#272727"
  15.  
  16.         Button {
  17.             icon.name: "envelope" // This line throws errors
  18.             text: "New message!"
  19.             anchors.horizontalCenter: parent.horizontalCenter
  20.         }
  21.     }
  22.  
  23.     Rectangle {
  24.         id: messageView
  25.         width: parent.width * 0.3
  26.         height: parent.height
  27.         color: "darkred"
  28.         anchors.left: sidebar.right
  29.     }
  30. }
To copy to clipboard, switch view to plain text mode