Port syntax

1 files changed, 29 insertions, 12 deletions

diff --git a/examples/declarative/webview/content/SpinSquare.qml b/examples/declarative/webview/content/SpinSquare.qml
index ced45d5..5c14506 100644
--- a/examples/declarative/webview/content/SpinSquare.qml
+++ b/examples/declarative/webview/content/SpinSquare.qml
@@ -1,12 +1,29 @@
-<Item id="Root">
-    <properties>
-        <Property name="period" value="250"/>
-        <Property name="color" value="black"/>
-    </properties>
-    <Item x="{Root.width/2}" y="{Root.height/2}">
-        <Rect color="{Root.color}" width="{Root.width}" height="{width}" x="{-width/2}" y="{-height/2}"/>
-        <rotation>
-            <NumericAnimation from="0" to="360" repeat="true" running="true" duration="{Root.period}"/>
-        </rotation>
-    </Item>
-</Item>
+Item {
+    id: Root
+    properties: Property {
+        name: "period"
+        value: 250
+    }
+    properties: Property {
+        name: "color"
+        value: "black"
+    }
+    Item {
+        x: Root.width/2
+        y: Root.height/2
+        Rect {
+            color: Root.color
+            x: -width/2
+            y: -height/2
+            width: Root.width
+            height: width
+        }
+        rotation: NumericAnimation {
+            from: 0
+            to: 360
+            repeat: true
+            running: true
+            duration: Root.period
+        }
+    }
+}