From cbb405c4ad1317005e296b104e4e33ace22fbb9c Mon Sep 17 00:00:00 2001
From: Matthew White <matthew-white@users.noreply.github.com>
Date: Wed, 29 Sep 2021 15:34:18 -0400
Subject: [PATCH] Silence build warning about CSS import order

The build shows a warning about the CSS import order. However, the
warning shouldn't be relevant to us, because the CSS in each component
applies only to the component: global styles all live in app.scss.
Silencing the warning by changing vue.config.js according to
https://github.com/vuejs/vue-cli/issues/3771#issuecomment-568444406

The warning was:

chunk component-form-draft-testing~component-form-submissions~component-submission-show [mini-css-extract-plugin]
Conflicting order. Following module has been added:
 * css ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!src/components/modal.vue?vue&type=style&index=0&lang=scss&
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!src/components/markdown/textarea.vue?vue&type=style&index=0&lang=scss&
   - couldn't fulfill desired order of chunk group(s) component-submission-show
   - while fulfilling desired order of chunk group(s) component-form-draft-testing, component-form-submissions
---
 src/components/form-draft/status.vue  | 4 +---
 src/components/form-draft/testing.vue | 2 --
 vue.config.js                         | 3 +++
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/form-draft/status.vue b/src/components/form-draft/status.vue
index 407ef814b..1e207c3ed 100644
--- a/src/components/form-draft/status.vue
+++ b/src/components/form-draft/status.vue
@@ -85,12 +85,10 @@ import FormDraftChecklist from './checklist.vue';
 import FormDraftPublish from './publish.vue';
 import FormNew from '../form/new.vue';
 import FormVersionStandardButtons from '../form-version/standard-buttons.vue';
-// Import PageSection before SummaryItem (in FormVersionSummaryItem) in order to
-// have the same import order as other components: see
-// https://github.com/vuejs/vue-cli/issues/3771
 import PageSection from '../page/section.vue';
 import FormVersionSummaryItem from '../form-version/summary-item.vue';
 import Loading from '../loading.vue';
+
 import Option from '../../util/option';
 import modal from '../../mixins/modal';
 import routes from '../../mixins/routes';
diff --git a/src/components/form-draft/testing.vue b/src/components/form-draft/testing.vue
index 01d6f4940..6642433ca 100644
--- a/src/components/form-draft/testing.vue
+++ b/src/components/form-draft/testing.vue
@@ -49,8 +49,6 @@ except according to the terms contained in the LICENSE file.
 </template>
 
 <script>
-// Import PageSection before FloatRow in order to have the same import order as
-// FormSubmissions: see https://github.com/vuejs/vue-cli/issues/3771
 import PageSection from '../page/section.vue';
 import FloatRow from '../float-row.vue';
 import CollectQr from '../collect-qr.vue';
diff --git a/vue.config.js b/vue.config.js
index cb941e70e..ee925ee2b 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -10,6 +10,9 @@ including this file, may be copied, modified, propagated, or distributed
 except according to the terms contained in the LICENSE file.
 */
 module.exports = {
+  css: {
+    extract: { ignoreOrder: true }
+  },
   chainWebpack: (config) => {
     config.module
       .rule('json5')