Introduce your_work_groups_vue feature flag

Will be used to migrate `Your work` -> `Groups` to shared
Vue components

app/assets/javascripts/groups/your_work/components/app.vue

+<script>
+export default {
+  name: 'YourWorkGroupsApp',
+};
+</script>
+
+<template>
+  <!-- eslint-disable-next-line @gitlab/vue-require-i18n-strings -->
+  <p>
+    Work in progress, see
+    <!-- eslint-disable-next-line @gitlab/vue-require-i18n-strings -->
+    <a href="https://gitlab.com/groups/gitlab-org/-/epics/13781">&13781</a>
+  </p>
+</template>

app/assets/javascripts/groups/your_work/index.js

+import Vue from 'vue';
+import YourWorkGroupsApp from './components/app.vue';
+
+export const initYourWorkGroups = () => {
+  const el = document.getElementById('js-your-work-groups-app');
+
+  if (!el) return false;
+
+  return new Vue({
+    el,
+    name: 'YourWorkGroupsRoot',
+    render(createElement) {
+      return createElement(YourWorkGroupsApp);
+    },
+  });
+};

app/views/dashboard/groups/index.html.haml

 - page_title _("Groups")
 
+- if Feature.enabled?(:your_work_groups_vue, current_user)
+  -# Do nothing for now. To get around an issue with ff-inverse job
+  -# we can't introduce a FF and change the UI in the same MR.
+  -# But if we don't use the feature flag in the code then the
+  -# rspec:feature-flags job fails. This will be updated in a
+  -# future commit.
+
 = render_dashboard_ultimate_trial(current_user)
 %div{ data: { testid: 'groups-page' } }
   - if current_user.groups.exists?

config/feature_flags/wip/your_work_groups_vue.yml

+---
+name: your_work_groups_vue
+feature_issue_url: https://gitlab.com/gitlab-org/gitlab/-/issues/502477
+milestone: '17.10'
+group: group::organizations
+type: wip
+default_enabled: false

spec/spec_helper.rb

@@ -344,6 +344,10 @@
 
       # we need the `cleanup_data_source_work_item_data` disabled by default to prevent deletion of some data
       stub_feature_flags(cleanup_data_source_work_item_data: false)
+
+      # Since we are very early in the Vue migration, there isn't much value in testing when the feature flag is enabled
+      # Please see https://gitlab.com/gitlab-org/gitlab/-/issues/523493 for tracking revisiting this.
+      stub_feature_flags(your_work_groups_vue: false)
     else
       unstub_all_feature_flags
     end