refactor(templates): Declare search clients outside of components (#140)

* refactor(templates): Declare the search client outside of the component

* style(templates): Reformat search clients

Author: francoischalifour

scripts/__snapshots__/e2e-templates.test.js.snap

@@ -386,6 +386,11 @@ exports[`Templates Angular InstantSearch File content: src/app/app.component.ts
 "import { Component } from '@angular/core';
 import * as algoliasearch from 'algoliasearch';
 
+const searchClient = algoliasearch(
+  'appId',
+  'apiKey'
+);
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
@@ -394,7 +399,7 @@ import * as algoliasearch from 'algoliasearch';
 export class AppComponent {
   config = {
     indexName: 'indexName',
-    searchClient: algoliasearch('appId', 'apiKey'),
+    searchClient,
   };
 }"
 `;
@@ -3780,8 +3785,8 @@ import PropTypes from 'prop-types';
 import './App.css';
 
 const searchClient = algoliasearch(
- 'appId',
- 'apiKey'
+  'appId',
+  'apiKey'
 );
 
 class App extends Component {

src/templates/Angular InstantSearch/src/app/app.component.ts

@@ -1,6 +1,11 @@
 import { Component } from '@angular/core';
 import * as algoliasearch from 'algoliasearch';
 
+const searchClient = algoliasearch(
+  '{{appId}}',
+  '{{apiKey}}'
+);
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
@@ -9,6 +14,6 @@ import * as algoliasearch from 'algoliasearch';
 export class AppComponent {
   config = {
     indexName: '{{indexName}}',
-    searchClient: algoliasearch('{{appId}}', '{{apiKey}}'),
+    searchClient,
   };
 }

src/templates/React InstantSearch/src/App.js.hbs

@@ -16,8 +16,8 @@ import PropTypes from 'prop-types';
 import './App.css';
 
 const searchClient = algoliasearch(
- '{{appId}}',
- '{{apiKey}}'
+  '{{appId}}',
+  '{{apiKey}}'
 );
 
 class App extends Component {