Update deprecated slot syntax in...

Update deprecated slot syntax in `./app/assets/javascripts/environments/components/environments_app.vue`

app/assets/javascripts/environments/components/environments_app.vue

@@ -158,13 +158,13 @@ export default {
       :deploy-boards-help-path="deployBoardsHelpPath"
       @onChangePage="onChangePage"
     >
+      <template v-if="!isLoading && state.environments.length === 0" #emptyState>
         <empty-state
-        v-if="!isLoading && state.environments.length === 0"
-        slot="emptyState"
           :new-path="newEnvironmentPath"
           :help-path="helpPagePath"
           :can-create-environment="canCreateEnvironment"
         />
+      </template>
     </container>
   </div>
 </template>

changelogs/unreleased/update-deprecated-slot-syntax-in---javascripts-environments_app-vue.yml

+---
+title: Update deprecated slot syntax in ./app/assets/javascripts/environments/components/environments_app.vue
+merge_request: 32011
+author: Gilang Gumilar
+type: other

spec/frontend/environments/environments_app_spec.js

@@ -53,7 +53,7 @@ describe('Environment', () => {
     describe('without environments', () => {
       beforeEach(() => {
         mockRequest(200, { environments: [] });
-        return createWrapper(true);
+        return createWrapper();
       });
 
       it('should render the empty state', () => {
@@ -118,7 +118,7 @@ describe('Environment', () => {
   describe('unsuccessful request', () => {
     beforeEach(() => {
       mockRequest(500, {});
-      return createWrapper(true);
+      return createWrapper();
     });
 
     it('should render empty state', () => {