{"id":3617,"date":"2022-06-02T08:15:21","date_gmt":"2022-06-02T08:15:21","guid":{"rendered":"http:\/\/the-codest.localhost\/blog\/stop-using-options-api-in-vue\/"},"modified":"2026-03-11T06:02:02","modified_gmt":"2026-03-11T06:02:02","slug":"arreter-dutiliser-lapi-doptions-dans-vue","status":"publish","type":"post","link":"https:\/\/thecodest.co\/fr\/blog\/stop-using-options-api-in-vue\/","title":{"rendered":"Ne plus utiliser l'API Options dans Vue"},"content":{"rendered":"\n

Vue<\/a> 3<\/strong> introduced a new approach to creating components called Composition API<\/a><\/code>. It is an alternative to the Options API<\/code>. The Composition API is fully optional and you don’t need to use it if you want to use Vue 3<\/strong>. However, it introduces some important improvements that make your work easier and improve the readability of the code<\/a>.<\/p>\n\n\n\n

Advantages of Composition API over Options API<\/h2>\n\n\n\n

1. Better code organization and readability.<\/h3>\n\n\n\n

The Composition API introduces a new method called setup<\/code>. Inside it, you can create all the necessary elements of the component, such as: data<\/a><\/code>, methods<\/code>, computed properties<\/code>, watchers<\/code>. Thanks to this, you can keep the code clean by placing the logic responsible for a given feature in one place. In contrast, the Options API forced the scattering of the logic throughout the file. As a result, the code was not readable and required scrolling. In Composition API methods, watchers etc. no longer need to be grouped by type, you can put them as you see fit.<\/p>\n\n\n\n

\"API<\/figure>\n\n\n\n

2. Extracting out and reusing logic.<\/h3>\n\n\n\n

The Composition API allows you to write reactive code anywhere. You can pull some reactive logic outside of the component. This type of code is called Composables<\/code>. Composables can be imported into many components and allow you to encapsulate some logic and expose the necessary reactive elements.<\/p>\n\n\n\n

\/\/ shopping-list.js\nimport ( computed ) from \"vue\";\n\nexport function useShoppingList(listId) (\n  const products = shoppingList.getAllProducts(listId);\n  const productsCount = computed(() => products.value.length);\n  const deleteProduct = (productId) => shoppingList.deleteProduct(productId);\n\n  return (\n    products,\n    productsCount,\n    deleteProduct,\n  );\n)\n\n\/\/ Component\nimport useSpoppingList from \"@\/composables\/shopping-list.js\";\nexport default (\n  setup() (\n    const ( products, productsCount, deleteProduct ) = useSpoppingList();\n    return ( products, productsCount, deleteProduct );\n  ),\n);<\/code><\/pre>\n\n\n\n
3. Easily use constants and external resources in component.<\/h3>\n\n\n\n
In the Options API, to add e.g. a static list of items imported from another file, you need to add it to data() (which has a negative impact on performance) or add it to this<\/code> in created()<\/code>. Both ways are not very elegant. The Composition API and the new setup<\/code> method come to the rescue, from which you can export not only reactive things but also constants and external dependencies.<\/p>\n\n\n\n
import list from \".\/list.json\";\nexport default (\n  setup() (\n    return ( list );\n  ),\n);<\/code><\/pre>\n\n\n\n
    \n
  1. You can even use the Composition API in Vue 2.<\/li>\n<\/ol>\n\n\n\n
    Thanks to the official @vue\/composition-api<\/code> plugin, you can use Composition API in Vue 2<\/strong> as well.<\/p>\n\n\n\n
    How to use the new Composition API?<\/h2>\n\n\n\n
    <h3>Setup method<\/h3><\/code><\/p>\n\n\n\n
    setup() is a new method added in Vue 3<\/strong> where you can put all the necessary items such as data objects, methods etc. From there you can return the elements you want to include in the template.<\/p>\n\n\n\n
    <template>\n  <div>(( count ))<\/div>\n<\/template><\/code><\/pre>\n\n\n\n
    import ( ref ) from \"vue\";\nexport default (\n  setup() (\n    const count = ref(10);\n    return ( count );\n  ),\n);<\/code><\/pre>\n\n\n\n
    reactive()<\/h3>\n\n\n\n
    To create a reactive object or array you have to create it with the reactive(defaultValue)<\/code> method. You can pass the initial value of this object via a method argument. The method returns a proxy<\/code> for this object, so when you make changes to it, Vue<\/strong> knows about them and can properly refresh the view.<\/p>\n\n\n\n
    Composition API<\/p>\n\n\n\n
    import ( reactive ) from \"vue\";\nexport default (\n  setup() (\n    const user = reactive((\n      name: \"John\",\n      role: \"ADMIN\",\n    ));\n    return ( user );\n  ),\n);<\/code><\/pre>\n\n\n\n
    Options API<\/p>\n\n\n\n
    export default (\n  data() (\n    return (\n      user: (\n        name: \"John\",\n        role: \"ADMIN\",\n      ),\n    );\n  ),\n);<\/code><\/pre>\n\n\n\n
    Reactive only<\/b> works for object types (objects, arrays, and collection types such as Map<\/code> and Set<\/code>). It cannot hold primitive types such as string<\/code>, number<\/code> or boolean<\/code>. So Vue also introduces ref()<\/code>.<\/p>\n\n\n\n
    ref()<\/h3>\n\n\n\n
    To add reactivity to primitive elements you have to wrap them with ref()<\/code>.<\/p>\n\n\n\n
    Composition API<\/p>\n\n\n\n
    import ( ref ) from \"vue\";\nexport default (\n  setup() (\n    const count = ref(10);\n    return ( count );\n  ),\n);<\/code><\/pre>\n\n\n\n
    Options API<\/p>\n\n\n\n
    export default (\n  data() (\n    return (\n      count: 10,\n    );\n  ),\n);<\/code><\/pre>\n\n\n\n
    <\/p>\n\n\n\n
    Modifying reactive objects<\/h3>\n\n\n\n
    You can change values in objects from the reactive method directly, but to change primitive values you must use the .value<\/code> field.<\/p>\n\n\n\n
    import ( ref, reactive ) from \"vue\";\nexport default (\n  setup() (\n    const user = reactive((\n      name: \"John\",\n    ));\n    user.name = \"John Doe\"; \/\/ Value change\n\n    const count = ref(10);\n    count.value = 20;  \/\/ Value change\n\n    return (\n      user,\n      count,\n    );\n  ),\n);<\/code><\/pre>\n\n\n\n
    You don’t<\/b> need to use the .value<\/code> property in the template.<\/p>\n\n\n\n
    <div>(( count ))<\/div><\/code><\/pre>\n\n\n\n
    Computed Properties<\/h3>\n\n\n\n
    Computed properties can be easily created by passing a method as a parameter to the imported computed()<\/code> method.<\/p>\n\n\n\n
    import ( reactive, computed ) from \"vue\";\nexport default (\n  setup() (\n    const list = reactive([\n      \"Item 1\",\n      \"Item 2\",\n    ]);\n\n    \/\/ Computed\n    const isEmpty = computed(() => list.length === 0);\n\n    return (\n      list,\n      isEmpty,\n    );\n  ),\n);<\/code><\/pre>\n\n\n\n
    Methods<\/h3>\n\n\n\n
    You can also nest methods in the setup<\/code> method.<\/p>\n\n\n\n
    Composition API<\/p>\n\n\n\n
    import ( ref ) from \"vue\";\nexport default (\n  setup() (\n    const count = ref(10);\n\n        \/\/ Method\n    const increment = () => (\n      count.value++;\n    );\n\n    return (\n      count,\n      increment,\n    );\n  ),\n);<\/code><\/pre>\n\n\n\n
    Watchers<\/h3>\n\n\n\n
    Watchers are created in a similar way to computed<\/code>. However, remember to pass the proxy<\/code> object<\/code>, i.e. name<\/code>, as in the example below, not the name.value<\/code> value itself.<\/p>\n\n\n\n
    import ( watch, ref ) from \"vue\";\nexport default (\n  setup() (\n    const name = ref(\"John\");\n        \/\/ Watcher\n    watch(name, (currentValue, oldValue) => (\n      console.log(`Value changed from $(oldValue)to $(currentValue)`);\n    ));\n    return ( name );\n  ),\n);<\/code><\/pre>\n\n\n\n
    <\/p>\n\n\n\n
    Summary<\/h2>\n\n\n\n
    In this article, I have only given you the basics of the Composition API so that you have a general understanding of how it differs and what advantages it has compared to the Options API. The Composition API also provides alternatives to the rest of the component’s elements, such as hooks<\/code>, and introduces new methods, such as watchEffect<\/code>. It is a good idea to read it in the official Vue 3<\/strong> documentation.<\/p>\n\n\n\n
    \"cooperation<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"
    Pourquoi ne devriez-vous pas utiliser l'API Options dans Due ? Trouvez la r\u00e9ponse \u00e0 cette question dans l'article suivant et d\u00e9couvrez les avantages de Composition API.<\/p>","protected":false},"author":2,"featured_media":3618,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-3617","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-development"],"acf":[],"yoast_head":"\nStop using Options API in Vue - The Codest<\/title>\n<meta name=\"description\" content=\"Why you shouldn't be using Options API in Due? Find answer to this question in the following article and discover the benefits of Composition API.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thecodest.co\/fr\/blog\/arreter-dutiliser-lapi-doptions-dans-vue\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stop using Options API in Vue - The Codest\" \/>\n<meta property=\"og:description\" content=\"Why you shouldn't be using Options API in Due? Find answer to this question in the following article and discover the benefits of Composition API.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thecodest.co\/fr\/blog\/arreter-dutiliser-lapi-doptions-dans-vue\/\" \/>\n<meta property=\"og:site_name\" content=\"The Codest\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-02T08:15:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-11T06:02:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/stop_using_options_api_in_vue.png\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"thecodest\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"thecodest\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/\"},\"author\":{\"name\":\"thecodest\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\"},\"headline\":\"Stop using Options API in Vue\",\"datePublished\":\"2022-06-02T08:15:21+00:00\",\"dateModified\":\"2026-03-11T06:02:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/\"},\"wordCount\":615,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/stop_using_options_api_in_vue.png\",\"articleSection\":[\"Software Development\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/\",\"name\":\"Stop using Options API in Vue - The Codest\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/stop_using_options_api_in_vue.png\",\"datePublished\":\"2022-06-02T08:15:21+00:00\",\"dateModified\":\"2026-03-11T06:02:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\"},\"description\":\"Why you shouldn't be using Options API in Due? Find answer to this question in the following article and discover the benefits of Composition API.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/stop_using_options_api_in_vue.png\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/stop_using_options_api_in_vue.png\",\"width\":960,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/stop-using-options-api-in-vue\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thecodest.co\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stop using Options API in Vue\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"name\":\"The Codest\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thecodest.co\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\",\"name\":\"thecodest\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"caption\":\"thecodest\"},\"url\":\"https:\\\/\\\/thecodest.co\\\/fr\\\/author\\\/thecodest\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ne plus utiliser l'API Options dans Vue - The Codest","description":"Pourquoi ne devriez-vous pas utiliser l'API Options dans Due ? Trouvez la r\u00e9ponse \u00e0 cette question dans l'article suivant et d\u00e9couvrez les avantages de Composition API.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thecodest.co\/fr\/blog\/arreter-dutiliser-lapi-doptions-dans-vue\/","og_locale":"fr_FR","og_type":"article","og_title":"Stop using Options API in Vue - The Codest","og_description":"Why you shouldn't be using Options API in Due? Find answer to this question in the following article and discover the benefits of Composition API.","og_url":"https:\/\/thecodest.co\/fr\/blog\/arreter-dutiliser-lapi-doptions-dans-vue\/","og_site_name":"The Codest","article_published_time":"2022-06-02T08:15:21+00:00","article_modified_time":"2026-03-11T06:02:02+00:00","og_image":[{"width":960,"height":540,"url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/stop_using_options_api_in_vue.png","type":"image\/png"}],"author":"thecodest","twitter_card":"summary_large_image","twitter_misc":{"Written by":"thecodest","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/#article","isPartOf":{"@id":"https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/"},"author":{"name":"thecodest","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76"},"headline":"Stop using Options API in Vue","datePublished":"2022-06-02T08:15:21+00:00","dateModified":"2026-03-11T06:02:02+00:00","mainEntityOfPage":{"@id":"https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/"},"wordCount":615,"commentCount":0,"image":{"@id":"https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/stop_using_options_api_in_vue.png","articleSection":["Software Development"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/","url":"https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/","name":"Ne plus utiliser l'API Options dans Vue - The Codest","isPartOf":{"@id":"https:\/\/thecodest.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/#primaryimage"},"image":{"@id":"https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/stop_using_options_api_in_vue.png","datePublished":"2022-06-02T08:15:21+00:00","dateModified":"2026-03-11T06:02:02+00:00","author":{"@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76"},"description":"Pourquoi ne devriez-vous pas utiliser l'API Options dans Due ? Trouvez la r\u00e9ponse \u00e0 cette question dans l'article suivant et d\u00e9couvrez les avantages de Composition API.","breadcrumb":{"@id":"https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/#primaryimage","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/stop_using_options_api_in_vue.png","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/stop_using_options_api_in_vue.png","width":960,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/thecodest.co\/blog\/stop-using-options-api-in-vue\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thecodest.co\/"},{"@type":"ListItem","position":2,"name":"Stop using Options API in Vue"}]},{"@type":"WebSite","@id":"https:\/\/thecodest.co\/#website","url":"https:\/\/thecodest.co\/","name":"The Codest","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thecodest.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76","name":"thecodest","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","caption":"thecodest"},"url":"https:\/\/thecodest.co\/fr\/author\/thecodest\/"}]}},"_links":{"self":[{"href":"https:\/\/thecodest.co\/fr\/wp-json\/wp\/v2\/posts\/3617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecodest.co\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thecodest.co\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thecodest.co\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thecodest.co\/fr\/wp-json\/wp\/v2\/comments?post=3617"}],"version-history":[{"count":11,"href":"https:\/\/thecodest.co\/fr\/wp-json\/wp\/v2\/posts\/3617\/revisions"}],"predecessor-version":[{"id":8614,"href":"https:\/\/thecodest.co\/fr\/wp-json\/wp\/v2\/posts\/3617\/revisions\/8614"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecodest.co\/fr\/wp-json\/wp\/v2\/media\/3618"}],"wp:attachment":[{"href":"https:\/\/thecodest.co\/fr\/wp-json\/wp\/v2\/media?parent=3617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecodest.co\/fr\/wp-json\/wp\/v2\/categories?post=3617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecodest.co\/fr\/wp-json\/wp\/v2\/tags?post=3617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}