Merge "[search] Don't destroy #p-search element"

resources/skins.vector.search/App.vue

@@ -1,36 +1,34 @@
 <template>
-	<div id="p-search">
-		<wvui-typeahead-search
-			id="searchform"
-			ref="searchForm"
-			:client="getClient"
-			:domain="domain"
-			:footer-search-text="$i18n('searchsuggest-containing').escaped()"
-			:suggestions-label="$i18n('searchresults').escaped()"
-			:accesskey="searchAccessKey"
-			:title="searchTitle"
-			:placeholder="searchPlaceholder"
-			:aria-label="searchPlaceholder"
-			:initial-input-value="searchQuery"
-			:button-label="$i18n( 'search' ).escaped()"
-			:form-action="action"
-			:search-language="language"
-			:show-thumbnail="showThumbnail"
-			:show-description="showDescription"
-			@fetch-start="instrumentation.onFetchStart"
-			@fetch-end="instrumentation.onFetchEnd"
-			@suggestion-click="instrumentation.onSuggestionClick"
+	<wvui-typeahead-search
+		id="searchform"
+		ref="searchForm"
+		:client="getClient"
+		:domain="domain"
+		:footer-search-text="$i18n('searchsuggest-containing').escaped()"
+		:suggestions-label="$i18n('searchresults').escaped()"
+		:accesskey="searchAccessKey"
+		:title="searchTitle"
+		:placeholder="searchPlaceholder"
+		:aria-label="searchPlaceholder"
+		:initial-input-value="searchQuery"
+		:button-label="$i18n( 'search' ).escaped()"
+		:form-action="action"
+		:search-language="language"
+		:show-thumbnail="showThumbnail"
+		:show-description="showDescription"
+		@fetch-start="instrumentation.onFetchStart"
+		@fetch-end="instrumentation.onFetchEnd"
+		@suggestion-click="instrumentation.onSuggestionClick"
+	>
+		<input type="hidden"
+			name="title"
+			value="Special:Search"
 		>
-			<input type="hidden"
-				name="title"
-				value="Special:Search"
-			>
-			<input type="hidden"
-				name="wprov"
-				:value="wprov"
-			>
-		</wvui-typeahead-search>
-	</div>
+		<input type="hidden"
+			name="wprov"
+			:value="wprov"
+		>
+	</wvui-typeahead-search>
 </template>
 
 <script>

resources/skins.vector.search/skins.vector.search.js

@@ -12,7 +12,7 @@ var
 function initApp( searchForm, search ) {
 	// eslint-disable-next-line no-new
 	new Vue( {
-		el: '#p-search',
+		el: searchForm,
 		/**
 		 *
 		 * @param {Function} createElement