Add body tag as a wrapper of the code sample

bidoubiwa · bidoubiwa · commit a5c7441df6c4 · 2022-04-07T15:40:16.000+02:00
diff --git a/.code-samples.meilisearch.yaml b/.code-samples.meilisearch.yaml
@@ -1,36 +1,38 @@
 landing_getting_started_1: |-
-  <div>
-    <div id="searchbox"></div>
-    <div id="hits"></div>
-  </div>
+  <body>
+    <div>
+      <div id="searchbox"></div>
+      <div id="hits"></div>
+    </div>
 
-  <script src="https://cdn.jsdelivr.net/npm/@meilisearch/instant-meilisearch/dist/instant-meilisearch.umd.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4"></script>
-  <script>
-    const search = instantsearch({
-      indexName: 'movies',
-      searchClient: instantMeiliSearch(
-        'http://localhost:7700',
-        'searchKey'
-      ),
-    })
+    <script src="https://cdn.jsdelivr.net/npm/@meilisearch/instant-meilisearch/dist/instant-meilisearch.umd.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4"></script>
+    <script>
+      const search = instantsearch({
+        indexName: 'movies',
+        searchClient: instantMeiliSearch(
+          'http://localhost:7700',
+          'searchKey'
+        ),
+      })
 
-    search.addWidgets([
-      instantsearch.widgets.searchBox({
-        container: '#searchbox',
-      }),
-      instantsearch.widgets.hits({
-        container: '#hits',
-        templates: {
-          item: `
-            <div>
-              <div class="hit-name">
-                {{#helpers.highlight}}{ "attribute": "title" }{{/helpers.highlight}}
+      search.addWidgets([
+        instantsearch.widgets.searchBox({
+          container: '#searchbox',
+        }),
+        instantsearch.widgets.hits({
+          container: '#hits',
+          templates: {
+            item: `
+              <div>
+                <div class="hit-name">
+                  {{#helpers.highlight}}{ "attribute": "title" }{{/helpers.highlight}}
+                </div>
               </div>
-            </div>
-          `,
-        },
-      }),
-    ])
-    search.start()
-  </script>
+            `,
+          },
+        }),
+      ])
+      search.start()
+    </script>
+  </body>
