title: QML import item from sibling folder
body: <p>Suppose I have the following structure in my <code>qml.qrc</code></p>
  
  <pre><code>&lt;RCC&gt;
  &lt;qresource prefix="/"&gt;
      &lt;file&gt;main.qml&lt;/file&gt;
      &lt;file&gt;Style.qml&lt;/file&gt;
  &lt;/qresource&gt;
  &lt;qresource prefix="/components"&gt;
      &lt;file&gt;Test.qml&lt;/file&gt;
  &lt;/qresource&gt;
  </code></pre>
  
  <p></p>
  
  <p>main.qml</p>
  
  <pre><code>import QtQuick 2.5
  import QtQuick.Window 2.2
  import QtQuick.Layouts 1.0
  import QtQuick.Controls 2.0
  import "components"
  Window {
      visible: true
      width: 640
      height: 480
      title: qsTr("Hello World")
  
      Test {
          color: "red"
      }
  }
  </code></pre>
  
  <p>Test.qml</p>
  
  <pre><code>import QtQuick 2.0
  import ".."
  
  
  Rectangle {
      width: Style.test * 200
      height: 200
  }
  </code></pre>
  
  <p>Style.qml</p>
  
  <pre><code>import QtQuick 2.0
  pragma Singleton
  
  QtObject {
  
      property real test: 1.0
  }
  </code></pre>
  
  <p>I have for some time tried to import <code>Style.qml</code> from <code>Test.qml</code> with <code>import "../"</code> but I keep getting <code>ReferenceError: Style is not defined</code></p>
  
  <p>I know the import statement is the cause for this and I have tried a few different variants of what "might" work but the docs are lacking on this and I am stuck. Help appreciated.</p>