Keyinteraction example: Update by coding conventions from official docv6.5.06.5.0

- string are translated.
- JS statements no longer end with semi-colon.
- Fix qmllint warning.

Change-Id: I83f2b702c9bb9f02f86728e2277297272cd75251
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
(cherry picked from commit 023849fce46d25edc41db7b7c9e275cb0de5c189)
Reviewed-by: Qt Cherry-pick Bot <cherrypick_bot@qt-project.org>

1 files changed, 66 insertions, 16 deletions

diff --git a/examples/quick/keyinteraction/ListMenu.qml b/examples/quick/keyinteraction/ListMenu.qml
index 47201099ff..0f4763e1b2 100644
--- a/examples/quick/keyinteraction/ListMenu.qml
+++ b/examples/quick/keyinteraction/ListMenu.qml
@@ -6,67 +6,117 @@ import QtQuick
 
 FocusScope {
     id: menu
+
     clip: true
     required property Item keyUpTarget
     required property Item keyLeftTarget
 
     ListView {
         id: list1
-        y: activeFocus ? 10 : 40; width: parent.width / 3; height: parent.height - 20
+
+        y: activeFocus ? 10 : 40
+        width: parent.width / 3
+        height: parent.height - 20
         focus: true
+
         KeyNavigation.up: menu.keyUpTarget
         KeyNavigation.left: menu.keyLeftTarget
         KeyNavigation.right: list2
-        model: 10; cacheBuffer: 200
+
+        model: 10
+        cacheBuffer: 200
         delegate: ListViewDelegate {}
 
         Behavior on y {
-            NumberAnimation { duration: 600; easing.type: Easing.OutQuint }
+            NumberAnimation {
+                duration: 600
+                easing.type: Easing.OutQuint
+            }
         }
     }
 
     ListView {
         id: list2
-        y: activeFocus ? 10 : 40; x: parseInt(parent.width / 3); width: parent.width / 3; height: parent.height - 20
+
+        y: activeFocus ? 10 : 40
+        x: parseInt(parent.width / 3)
+        width: parent.width / 3
+        height: parent.height - 20
+
         KeyNavigation.up: menu.keyUpTarget
         KeyNavigation.left: list1
         KeyNavigation.right: list3
-        model: 10; cacheBuffer: 200
+
+        model: 10
+        cacheBuffer: 200
         delegate: ListViewDelegate {}
 
         Behavior on y {
-            NumberAnimation { duration: 600; easing.type: Easing.OutQuint }
+            NumberAnimation {
+                duration: 600
+                easing.type: Easing.OutQuint
+            }
         }
     }
 
     ListView {
         id: list3
-        y: activeFocus ? 10 : 40; x: parseInt(2 * parent.width / 3); width: parent.width / 3; height: parent.height - 20
+
+        y: activeFocus ? 10 : 40
+        x: parseInt(2 * parent.width / 3)
+        width: parent.width / 3
+        height: parent.height - 20
+
         KeyNavigation.up: menu.keyUpTarget
         KeyNavigation.left: list2
-        model: 10; cacheBuffer: 200
+
+        model: 10
+        cacheBuffer: 200
         delegate: ListViewDelegate {}
 
         Behavior on y {
-            NumberAnimation { duration: 600; easing.type: Easing.OutQuint }
+            NumberAnimation {
+                duration: 600
+                easing.type: Easing.OutQuint
+            }
         }
     }
 
-    Rectangle { width: parent.width; height: 1; color: "#D1DBBD" }
+    Rectangle {
+        width: parent.width
+        height: 1
+        color: "#D1DBBD"
+    }
 
     Rectangle {
-        y: 1; width: parent.width; height: 10
+        y: 1
+        width: parent.width
+        height: 10
         gradient: Gradient {
-            GradientStop { position: 0.0; color: "#3E606F" }
-            GradientStop { position: 1.0; color: "transparent" }
+            GradientStop {
+                position: 0.0
+                color: "#3E606F"
+            }
+            GradientStop {
+                position: 1.0
+                color: "transparent"
+            }
         }
     }
 
     Rectangle {
-        y: parent.height - 10; width: parent.width; height: 10
+        y: parent.height - 10
+        width: parent.width
+        height: 10
         gradient: Gradient {
-            GradientStop { position: 1.0; color: "#3E606F" }
-            GradientStop { position: 0.0; color: "transparent" }
+            GradientStop {
+                position: 1.0
+                color: "#3E606F"
+            }
+            GradientStop {
+                position: 0.0
+                color: "transparent"
+            }
         }
     }
 }