{"action":"created","comment":{"url":"https://api.github.com/repos/worldline/vuejs-training/pulls/comments/330419489","pull_request_review_id":296074173,"id":330419489,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDMzMDQxOTQ4OQ==","diff_hunk":"@@ -56,93 +56,95 @@ span {\n </style>\n ```\n \n-La partie script du composant doit exporter par défaut un objet avec les propriétés du composant. On retrouve ici la propriété name, utile pour identifier le composant pendant le débogage ; et la propriété data qui fixe les données initiales du composant. Les autres propriétés seront abordées dans la section Composants.\n+The script part of the component must export an object with the properties of the component by default. Here we find the property `name`, useful for identifying the component during debugging; and the data property that sets the initial data of the component. The other properties will be discussed in the Components section.\n \n ::: tip\n-D'après vous, pourquoi la propriété `data` d'un composant doit être une fonction ?\n+Why do you think the `data` property of a component must be a function?\n :::\n \n-## Travailler en composants\n+## Work with components\n \n-Les composants Vue décrits précédemment constituent les briques avec lesquelles vous allez concevoir vos interfaces web. Une application web est composée de petits composants réutilisables, imbriqués dans des composants de plus haut niveau pour former le layout, l'agencement de vos éléments sur la page. Cette structure peut être décrite comme un **arbre de composants**.\n+The Vue components described above are the building blocks in which you will design your web interfaces. A web application is made of small reusable components, embedded in higher level components to form the layout, the arrangement of your elements on the page. This structure can be described as a **component tree**.\n \n ![Component tree](../assets/component-tree.png)\n \n-Pour relier les composants entre eux, on déclare les composants enfants dans le template du composant parent, en utilisant leur nom comme balise. Un composant peut être réutilisé autant de fois que nécessaire, en l'incluant de la façon suivante :\n+To link the components together, the child components are declared in the parent component template, using their name as a tag. A component can be reused as many times as necessary by including it as follows:\n \n ```vue\n <template>\n   <div>\n-    <mon-composant></mon-composant>\n+    <my-component></my-component>\n   </div>\n </template>\n \n <script>\n-import MonComposant from '~/components/MonComposant.vue'\n+import MyComponent from '~/components/MyComponent.vue'\n \n export default {\n-  name: 'ComposantParent',\n+  name: 'ParentComponent',\n   components: {\n-    MonComposant\n+    MyComponent\n   }\n }\n </script>\n ```\n \n-Notez l'option `components` dans la partie script du composant. Les composants enfants utilisés dans le template doivent être déclarés ainsi, mais il est également possible de déclarer des composants globalement sur votre application Vue, afin de pouvoir les utiliser partout sans avoir à les déclarer manuellement.\n+::: tip\n+The `components` attribute in the script part of the component. The child components used in the template must be declared as shown, but you can also declare components globally on your Vue application, so you can use them everywhere without having to declare them manually.\n+:::\n \n-Dans votre projet Vue, observez comment le composant `HelloWorld` a été intégré au composant racine `App`.\n+In your Vue project, see how the `HelloWorld` component has been integrated into the` App` root component.\n \n-## Interpolation de texte dans les templates\n+## Text interpolation in templates\n \n ::: v-pre\n-Le moyen le plus simple d'insérer des données dynamiquement dans vos composants est par interpolation de texte, au moyen de la syntaxe `{{maVariable}}`. A l'intérieur des doubles accolades, vous pouvez indiquer n'importe quelle expression JavaScript valide :\n+The simplest way to insert data dynamically into your components is through text interpolation, using the `{{myVariable}}` syntax. Inside double curly braces, you can specify any valid JavaScript expression:\n :::\n \n ```vue\n <template>\n-  <p>Commande ref. {{ referenceCommande }} - Total: {{ prix.toFixed(2)+'€' }}</p>\n+  <p>Order ref. {{ orderReference }} - Total: {{ price.toFixed(2)+'€' }}</p>\n </template>\n \n <script>\n   export default {\n-    name: 'InfoCommande',\n+    name: 'OrderInfo',\n     data(){\n       return {\n-        referenceCommande: 'ABCXYZ',\n-        prix: 17.3\n+        orderReference: 'ABCXYZ',\n+        price: 17.3\n       }\n     }\n   }\n </script>\n ```\n \n-L'interpolation ne fonctionne que sur le contenu textuel des éléments. Vous ne pouvez pas l'utiliser pour changer la valeur d'attributs HTML ou pour insérer du code HTML par exemple. Pour cela, vous devrez recourir aux *directives*, que l'on verra dans la section suivante.\n+Interpolation only works on textual content of elements. You can not use it to change the value of HTML attributes or to insert HTML code. For this, you will need to resort to *directives*, which will see in the following section.\n \n-## TP: Premier composant\n+## Practical Work: Your first component\n \n-1. Ajouter la feuille de style CSS qui servira de base pour tout le TP, téléchargeable ici: [stylesheet.css](https://worldline.github.io/vuejs-training/stylesheet.css) ; la placer dans le dossier src et l'inclure dans le projet avec `import \"./stylesheet.css\"` dans la partie script de `App.vue`.\n+1. Add the CSS stylesheet that will serve as basis for all the practical work, downloadable here: [stylesheet.css](/stylesheet.css); put it in the `src` folder and include it in the project with `import './stylesheet.css'` in the script part of `App.vue`.","path":"docs/views/README.md","position":null,"original_position":149,"commit_id":"ef0c3d2d2b92fb33ea326e6af98ff963fe0da12a","original_commit_id":"cfe21680ec5b83d6a2d1db3f00b5368d4e7a2c49","user":{"login":"qtomasicchio","id":1145608,"node_id":"MDQ6VXNlcjExNDU2MDg=","avatar_url":"https://avatars2.githubusercontent.com/u/1145608?v=4","gravatar_id":"","url":"https://api.github.com/users/qtomasicchio","html_url":"https://github.com/qtomasicchio","followers_url":"https://api.github.com/users/qtomasicchio/followers","following_url":"https://api.github.com/users/qtomasicchio/following{/other_user}","gists_url":"https://api.github.com/users/qtomasicchio/gists{/gist_id}","starred_url":"https://api.github.com/users/qtomasicchio/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/qtomasicchio/subscriptions","organizations_url":"https://api.github.com/users/qtomasicchio/orgs","repos_url":"https://api.github.com/users/qtomasicchio/repos","events_url":"https://api.github.com/users/qtomasicchio/events{/privacy}","received_events_url":"https://api.github.com/users/qtomasicchio/received_events","type":"User","site_admin":false},"body":"Je voulais corriger le lien mort, mais je vois que tu l'as fait entre temps. En effet ça envoie à la racine, j'ai remis l'autre URL du coup.","created_at":"2019-10-02T08:11:53Z","updated_at":"2019-10-02T08:11:53Z","html_url":"https://github.com/worldline/vuejs-training/pull/15#discussion_r330419489","pull_request_url":"https://api.github.com/repos/worldline/vuejs-training/pulls/15","author_association":"CONTRIBUTOR","_links":{"self":{"href":"https://api.github.com/repos/worldline/vuejs-training/pulls/comments/330419489"},"html":{"href":"https://github.com/worldline/vuejs-training/pull/15#discussion_r330419489"},"pull_request":{"href":"https://api.github.com/repos/worldline/vuejs-training/pulls/15"}},"in_reply_to_id":328225217},"pull_request":{"url":"https://api.github.com/repos/worldline/vuejs-training/pulls/15","id":320754313,"node_id":"MDExOlB1bGxSZXF1ZXN0MzIwNzU0MzEz","html_url":"https://github.com/worldline/vuejs-training/pull/15","diff_url":"https://github.com/worldline/vuejs-training/pull/15.diff","patch_url":"https://github.com/worldline/vuejs-training/pull/15.patch","issue_url":"https://api.github.com/repos/worldline/vuejs-training/issues/15","number":15,"state":"open","locked":false,"title":"Translate view page into English","user":{"login":"qtomasicchio","id":1145608,"node_id":"MDQ6VXNlcjExNDU2MDg=","avatar_url":"https://avatars2.githubusercontent.com/u/1145608?v=4","gravatar_id":"","url":"https://api.github.com/users/qtomasicchio","html_url":"https://github.com/qtomasicchio","followers_url":"https://api.github.com/users/qtomasicchio/followers","following_url":"https://api.github.com/users/qtomasicchio/following{/other_user}","gists_url":"https://api.github.com/users/qtomasicchio/gists{/gist_id}","starred_url":"https://api.github.com/users/qtomasicchio/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/qtomasicchio/subscriptions","organizations_url":"https://api.github.com/users/qtomasicchio/orgs","repos_url":"https://api.github.com/users/qtomasicchio/repos","events_url":"https://api.github.com/users/qtomasicchio/events{/privacy}","received_events_url":"https://api.github.com/users/qtomasicchio/received_events","type":"User","site_admin":false},"body":"","created_at":"2019-09-24T12:54:03Z","updated_at":"2019-10-02T08:11:53Z","closed_at":null,"merged_at":null,"merge_commit_sha":"1293d3c4c622be46d03aa92b38b90f5d4474bb0a","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/worldline/vuejs-training/pulls/15/commits","review_comments_url":"https://api.github.com/repos/worldline/vuejs-training/pulls/15/comments","review_comment_url":"https://api.github.com/repos/worldline/vuejs-training/pulls/comments{/number}","comments_url":"https://api.github.com/repos/worldline/vuejs-training/issues/15/comments","statuses_url":"https://api.github.com/repos/worldline/vuejs-training/statuses/ef0c3d2d2b92fb33ea326e6af98ff963fe0da12a","head":{"label":"qtomasicchio:TRANSLATE_VIEW_FILES","ref":"TRANSLATE_VIEW_FILES","sha":"ef0c3d2d2b92fb33ea326e6af98ff963fe0da12a","user":{"login":"qtomasicchio","id":1145608,"node_id":"MDQ6VXNlcjExNDU2MDg=","avatar_url":"https://avatars2.githubusercontent.com/u/1145608?v=4","gravatar_id":"","url":"https://api.github.com/users/qtomasicchio","html_url":"https://github.com/qtomasicchio","followers_url":"https://api.github.com/users/qtomasicchio/followers","following_url":"https://api.github.com/users/qtomasicchio/following{/other_user}","gists_url":"https://api.github.com/users/qtomasicchio/gists{/gist_id}","starred_url":"https://api.github.com/users/qtomasicchio/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/qtomasicchio/subscriptions","organizations_url":"https://api.github.com/users/qtomasicchio/orgs","repos_url":"https://api.github.com/users/qtomasicchio/repos","events_url":"https://api.github.com/users/qtomasicchio/events{/privacy}","received_events_url":"https://api.github.com/users/qtomasicchio/received_events","type":"User","site_admin":false},"repo":{"id":187601315,"node_id":"MDEwOlJlcG9zaXRvcnkxODc2MDEzMTU=","name":"vuejs-training","full_name":"qtomasicchio/vuejs-training","private":false,"owner":{"login":"qtomasicchio","id":1145608,"node_id":"MDQ6VXNlcjExNDU2MDg=","avatar_url":"https://avatars2.githubusercontent.com/u/1145608?v=4","gravatar_id":"","url":"https://api.github.com/users/qtomasicchio","html_url":"https://github.com/qtomasicchio","followers_url":"https://api.github.com/users/qtomasicchio/followers","following_url":"https://api.github.com/users/qtomasicchio/following{/other_user}","gists_url":"https://api.github.com/users/qtomasicchio/gists{/gist_id}","starred_url":"https://api.github.com/users/qtomasicchio/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/qtomasicchio/subscriptions","organizations_url":"https://api.github.com/users/qtomasicchio/orgs","repos_url":"https://api.github.com/users/qtomasicchio/repos","events_url":"https://api.github.com/users/qtomasicchio/events{/privacy}","received_events_url":"https://api.github.com/users/qtomasicchio/received_events","type":"User","site_admin":false},"html_url":"https://github.com/qtomasicchio/vuejs-training","description":"Formation Vue.js","fork":true,"url":"https://api.github.com/repos/qtomasicchio/vuejs-training","forks_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/forks","keys_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/keys{/key_id}","collaborators_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/teams","hooks_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/hooks","issue_events_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/issues/events{/number}","events_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/events","assignees_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/assignees{/user}","branches_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/branches{/branch}","tags_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/tags","blobs_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/git/refs{/sha}","trees_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/git/trees{/sha}","statuses_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/statuses/{sha}","languages_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/languages","stargazers_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/stargazers","contributors_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/contributors","subscribers_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/subscribers","subscription_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/subscription","commits_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/commits{/sha}","git_commits_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/git/commits{/sha}","comments_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/comments{/number}","issue_comment_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/issues/comments{/number}","contents_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/contents/{+path}","compare_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/compare/{base}...{head}","merges_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/merges","archive_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/downloads","issues_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/issues{/number}","pulls_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/pulls{/number}","milestones_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/milestones{/number}","notifications_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/labels{/name}","releases_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/releases{/id}","deployments_url":"https://api.github.com/repos/qtomasicchio/vuejs-training/deployments","created_at":"2019-05-20T08:38:01Z","updated_at":"2019-09-24T08:43:11Z","pushed_at":"2019-10-02T08:10:27Z","git_url":"git://github.com/qtomasicchio/vuejs-training.git","ssh_url":"git@github.com:qtomasicchio/vuejs-training.git","clone_url":"https://github.com/qtomasicchio/vuejs-training.git","svn_url":"https://github.com/qtomasicchio/vuejs-training","homepage":"https://worldline.github.io/vuejs-training","size":6862,"stargazers_count":0,"watchers_count":0,"language":"Vue","has_issues":false,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"archived":false,"disabled":false,"open_issues_count":0,"license":null,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"worldline:master","ref":"master","sha":"129577be7d8f5e84c3365f76b0a93bba0baeb182","user":{"login":"worldline","id":5173767,"node_id":"MDEyOk9yZ2FuaXphdGlvbjUxNzM3Njc=","avatar_url":"https://avatars2.githubusercontent.com/u/5173767?v=4","gravatar_id":"","url":"https://api.github.com/users/worldline","html_url":"https://github.com/worldline","followers_url":"https://api.github.com/users/worldline/followers","following_url":"https://api.github.com/users/worldline/following{/other_user}","gists_url":"https://api.github.com/users/worldline/gists{/gist_id}","starred_url":"https://api.github.com/users/worldline/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/worldline/subscriptions","organizations_url":"https://api.github.com/users/worldline/orgs","repos_url":"https://api.github.com/users/worldline/repos","events_url":"https://api.github.com/users/worldline/events{/privacy}","received_events_url":"https://api.github.com/users/worldline/received_events","type":"Organization","site_admin":false},"repo":{"id":186821847,"node_id":"MDEwOlJlcG9zaXRvcnkxODY4MjE4NDc=","name":"vuejs-training","full_name":"worldline/vuejs-training","private":false,"owner":{"login":"worldline","id":5173767,"node_id":"MDEyOk9yZ2FuaXphdGlvbjUxNzM3Njc=","avatar_url":"https://avatars2.githubusercontent.com/u/5173767?v=4","gravatar_id":"","url":"https://api.github.com/users/worldline","html_url":"https://github.com/worldline","followers_url":"https://api.github.com/users/worldline/followers","following_url":"https://api.github.com/users/worldline/following{/other_user}","gists_url":"https://api.github.com/users/worldline/gists{/gist_id}","starred_url":"https://api.github.com/users/worldline/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/worldline/subscriptions","organizations_url":"https://api.github.com/users/worldline/orgs","repos_url":"https://api.github.com/users/worldline/repos","events_url":"https://api.github.com/users/worldline/events{/privacy}","received_events_url":"https://api.github.com/users/worldline/received_events","type":"Organization","site_admin":false},"html_url":"https://github.com/worldline/vuejs-training","description":"Formation Vue.js","fork":false,"url":"https://api.github.com/repos/worldline/vuejs-training","forks_url":"https://api.github.com/repos/worldline/vuejs-training/forks","keys_url":"https://api.github.com/repos/worldline/vuejs-training/keys{/key_id}","collaborators_url":"https://api.github.com/repos/worldline/vuejs-training/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/worldline/vuejs-training/teams","hooks_url":"https://api.github.com/repos/worldline/vuejs-training/hooks","issue_events_url":"https://api.github.com/repos/worldline/vuejs-training/issues/events{/number}","events_url":"https://api.github.com/repos/worldline/vuejs-training/events","assignees_url":"https://api.github.com/repos/worldline/vuejs-training/assignees{/user}","branches_url":"https://api.github.com/repos/worldline/vuejs-training/branches{/branch}","tags_url":"https://api.github.com/repos/worldline/vuejs-training/tags","blobs_url":"https://api.github.com/repos/worldline/vuejs-training/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/worldline/vuejs-training/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/worldline/vuejs-training/git/refs{/sha}","trees_url":"https://api.github.com/repos/worldline/vuejs-training/git/trees{/sha}","statuses_url":"https://api.github.com/repos/worldline/vuejs-training/statuses/{sha}","languages_url":"https://api.github.com/repos/worldline/vuejs-training/languages","stargazers_url":"https://api.github.com/repos/worldline/vuejs-training/stargazers","contributors_url":"https://api.github.com/repos/worldline/vuejs-training/contributors","subscribers_url":"https://api.github.com/repos/worldline/vuejs-training/subscribers","subscription_url":"https://api.github.com/repos/worldline/vuejs-training/subscription","commits_url":"https://api.github.com/repos/worldline/vuejs-training/commits{/sha}","git_commits_url":"https://api.github.com/repos/worldline/vuejs-training/git/commits{/sha}","comments_url":"https://api.github.com/repos/worldline/vuejs-training/comments{/number}","issue_comment_url":"https://api.github.com/repos/worldline/vuejs-training/issues/comments{/number}","contents_url":"https://api.github.com/repos/worldline/vuejs-training/contents/{+path}","compare_url":"https://api.github.com/repos/worldline/vuejs-training/compare/{base}...{head}","merges_url":"https://api.github.com/repos/worldline/vuejs-training/merges","archive_url":"https://api.github.com/repos/worldline/vuejs-training/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/worldline/vuejs-training/downloads","issues_url":"https://api.github.com/repos/worldline/vuejs-training/issues{/number}","pulls_url":"https://api.github.com/repos/worldline/vuejs-training/pulls{/number}","milestones_url":"https://api.github.com/repos/worldline/vuejs-training/milestones{/number}","notifications_url":"https://api.github.com/repos/worldline/vuejs-training/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/worldline/vuejs-training/labels{/name}","releases_url":"https://api.github.com/repos/worldline/vuejs-training/releases{/id}","deployments_url":"https://api.github.com/repos/worldline/vuejs-training/deployments","created_at":"2019-05-15T12:28:53Z","updated_at":"2019-09-30T14:54:48Z","pushed_at":"2019-10-02T08:10:29Z","git_url":"git://github.com/worldline/vuejs-training.git","ssh_url":"git@github.com:worldline/vuejs-training.git","clone_url":"https://github.com/worldline/vuejs-training.git","svn_url":"https://github.com/worldline/vuejs-training","homepage":"https://worldline.github.io/vuejs-training","size":6758,"stargazers_count":1,"watchers_count":1,"language":"Vue","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":3,"mirror_url":null,"archived":false,"disabled":false,"open_issues_count":5,"license":null,"forks":3,"open_issues":5,"watchers":1,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/worldline/vuejs-training/pulls/15"},"html":{"href":"https://github.com/worldline/vuejs-training/pull/15"},"issue":{"href":"https://api.github.com/repos/worldline/vuejs-training/issues/15"},"comments":{"href":"https://api.github.com/repos/worldline/vuejs-training/issues/15/comments"},"review_comments":{"href":"https://api.github.com/repos/worldline/vuejs-training/pulls/15/comments"},"review_comment":{"href":"https://api.github.com/repos/worldline/vuejs-training/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/worldline/vuejs-training/pulls/15/commits"},"statuses":{"href":"https://api.github.com/repos/worldline/vuejs-training/statuses/ef0c3d2d2b92fb33ea326e6af98ff963fe0da12a"}},"author_association":"CONTRIBUTOR"}}
{"actor":{"display_login":"qtomasicchio"}}