From 25107417d3742bfaca8e0aa99c6f05bd5d729eb4 Mon Sep 17 00:00:00 2001
From: Ollie Hyde <oliver.hyde@wikimedia.de>
Date: Thu, 9 Apr 2026 10:38:22 +0100
Subject: [PATCH 1/5] Use Vuetify-native CSS classes instead of custom CSS in
 Complaint.vue

---
 src/components/Pages/Complaint.vue | 182 ++++++++++++++---------------
 1 file changed, 87 insertions(+), 95 deletions(-)

diff --git a/src/components/Pages/Complaint.vue b/src/components/Pages/Complaint.vue
index 2982d792..d605a7a4 100644
--- a/src/components/Pages/Complaint.vue
+++ b/src/components/Pages/Complaint.vue
@@ -1,96 +1,94 @@
 <template>
-  <v-main>
+  <v-main class="pa-2">
     <v-responsive max-width="616px" min-width="250px" >
-      <div class="body">
-        <p class="text-body-1 font-weight-bold mb-2">
-          Points of contact under the Digital Services Act (Regulation 2022/2065/EU)
-        </p>
-        <p class="text-subtitle-2 font-weight-regular mb-8">
-          Point of contact for public authorities under Art. 11 DSA: dsa-meldung@wikimedia.de<br/>
-          Point of contact for recipients under Art. 12 DSA: dsa-meldung@wikimedia.de
-        </p>
-        <h1 class="text-h4 mb-4">Reporting illegal content</h1>
-        <p class="text-body-1 mb-9">
-          Please use this form to report any content that you consider to be illegal. After sending the email,
-          which is generated by clicking the ‘Report illegal content’ button, your report will be delivered to
-          us and handled in accordance with Regulation (EU) 2022/2065, Article 16 (‘Digital Services Act’).
-          If you supply an email, you will then automatically receive a confirmation of receipt and, as soon
-          as we have processed your report, we will inform you of any action taken. Please be aware that
-          no feedback will be provided on the action taken if the report is deemed abusive (e.g. spam or
-          unfounded report). In the event of repeated abusive use, we reserve the right to block you.
-        </p>
-        <v-form ref="form" v-on:submit.prevent>
-          <v-responsive max-width="519px">
-            <v-textarea
-              v-model="contenturl"
-              :rules="[() => !!contenturl || 'This field is required']"
-              label="URL(s) for the content in question"
-              required
-              auto-grow
-            />
-            <v-textarea
-              id="inputMessage"
-              counter="1000"
-              v-model="message"
-              :rules="[v => v.length <= 1000 || 'Message must be 1000 characters or less', () => !!message || 'This field is required']"
-              auto-grow
-              label="Reason why the information in question is illegal content"
-              required
-            />
-            <v-text-field
-              id="contactname"
-              v-model="name"
-              :rules="[v => v.length <= 300 || 'Max 300 characters']"
-              label="Your name (optional)"
-            />
-            <v-text-field
-              id="contactemail"
-              class="mb-6"
-              v-model="email"
-              :rules="[v => v.length <= 300 || 'Max 300 characters']"
-              label="Email address (optional)"
-              persistent-hint
-              hint ="Receiving a confirmation receipt and updates requires an email"
-            />
-          </v-responsive>
-          <v-checkbox
-            label="I am convinced in good faith that the information and statements contained in
-                    the report are correct and complete."
-            v-model="accepted"
-            :rules="[() => !!accepted || '']"
+      <p class="text-body-1 font-weight-bold mb-2">
+        Points of contact under the Digital Services Act (Regulation 2022/2065/EU)
+      </p>
+      <p class="text-subtitle-2 font-weight-regular mb-8">
+        Point of contact for public authorities under Art. 11 DSA: dsa-meldung@wikimedia.de<br/>
+        Point of contact for recipients under Art. 12 DSA: dsa-meldung@wikimedia.de
+      </p>
+      <h1 class="text-h4 mb-4">Reporting illegal content</h1>
+      <p class="text-body-1 mb-9">
+        Please use this form to report any content that you consider to be illegal. After sending the email,
+        which is generated by clicking the ‘Report illegal content’ button, your report will be delivered to
+        us and handled in accordance with Regulation (EU) 2022/2065, Article 16 (‘Digital Services Act’).
+        If you supply an email, you will then automatically receive a confirmation of receipt and, as soon
+        as we have processed your report, we will inform you of any action taken. Please be aware that
+        no feedback will be provided on the action taken if the report is deemed abusive (e.g. spam or
+        unfounded report). In the event of repeated abusive use, we reserve the right to block you.
+      </p>
+      <v-form ref="form" v-on:submit.prevent>
+        <v-responsive max-width="519px">
+          <v-textarea
+            v-model="contenturl"
+            :rules="[() => !!contenturl || 'This field is required']"
+            label="URL(s) for the content in question"
             required
+            auto-grow
           />
-          <div align="right">
-            <v-btn color="primary" @click="send" class="mt-6">
-              Report illegal content
-            </v-btn>
-          </div>
-        </v-form>
-        <v-snackbar color="success" elevation="24" v-model="successMessage">
-          <span class="text-body-1">Report successfully submitted. Thanks!</span>
-          <template v-slot:action>
-            <v-btn
-              text
-              variant="text"
-              @click="closeAlert"
-            >
-              Close
-            </v-btn>
-          </template>
-        </v-snackbar>
-        <v-snackbar color="error" elevation="24" v-model="errorMessage" multi-line>
-          <span class="text-body-1">Something went wrong with submitting your report. Please try again.</span>
-          <template v-slot:action>
-            <v-btn
-              text
-              variant="text"
-              @click="closeAlert"
-            >
-              Close
-            </v-btn>
-          </template>
-        </v-snackbar>
-      </div>
+          <v-textarea
+            id="inputMessage"
+            counter="1000"
+            v-model="message"
+            :rules="[v => v.length <= 1000 || 'Message must be 1000 characters or less', () => !!message || 'This field is required']"
+            auto-grow
+            label="Reason why the information in question is illegal content"
+            required
+          />
+          <v-text-field
+            id="contactname"
+            v-model="name"
+            :rules="[v => v.length <= 300 || 'Max 300 characters']"
+            label="Your name (optional)"
+          />
+          <v-text-field
+            id="contactemail"
+            class="mb-6"
+            v-model="email"
+            :rules="[v => v.length <= 300 || 'Max 300 characters']"
+            label="Email address (optional)"
+            persistent-hint
+            hint ="Receiving a confirmation receipt and updates requires an email"
+          />
+        </v-responsive>
+        <v-checkbox
+          label="I am convinced in good faith that the information and statements contained in
+                  the report are correct and complete."
+          v-model="accepted"
+          :rules="[() => !!accepted || '']"
+          required
+        />
+        <div align="right">
+          <v-btn color="primary" @click="send" class="mt-6">
+            Report illegal content
+          </v-btn>
+        </div>
+      </v-form>
+      <v-snackbar color="success" elevation="24" v-model="successMessage">
+        <span class="text-body-1">Report successfully submitted. Thanks!</span>
+        <template v-slot:action>
+          <v-btn
+            text
+            variant="text"
+            @click="closeAlert"
+          >
+            Close
+          </v-btn>
+        </template>
+      </v-snackbar>
+      <v-snackbar color="error" elevation="24" v-model="errorMessage" multi-line>
+        <span class="text-body-1">Something went wrong with submitting your report. Please try again.</span>
+        <template v-slot:action>
+          <v-btn
+            text
+            variant="text"
+            @click="closeAlert"
+          >
+            Close
+          </v-btn>
+        </template>
+      </v-snackbar>
     </v-responsive>
   </v-main>
 </template>
@@ -174,9 +172,3 @@ export default {
   },
 }
 </script>
-
-<style>
-.body{
-  padding: 8px;
-}
-</style>

From 16e983287c935c22bd1c3110d8c06cf39c1ce188 Mon Sep 17 00:00:00 2001
From: Ollie Hyde <oliver.hyde@wikimedia.de>
Date: Thu, 9 Apr 2026 10:40:04 +0100
Subject: [PATCH 2/5] Remove empty <style> tags from pages

---
 src/components/Cards/CreateAccount.vue                  | 3 ---
 src/components/Cards/ForgottenPassword.vue              | 3 ---
 src/components/Cards/ResetPassword.vue                  | 3 ---
 src/components/Pages/About.vue                          | 3 ---
 src/components/Pages/Contact.vue                        | 3 ---
 src/components/Pages/EmailVerification.vue              | 3 ---
 src/components/Pages/Logout.vue                         | 3 ---
 src/components/Pages/ManageWiki/Cards/ConfirmDelete.vue | 2 --
 src/components/Pages/ManageWiki/Cards/Delete.vue        | 3 ---
 src/components/Pages/ManageWiki/Cards/Details.vue       | 3 ---
 src/components/Pages/ManageWiki/Cards/Logo.vue          | 3 ---
 src/components/Pages/ManageWiki/Cards/Registration.vue  | 3 ---
 src/components/Pages/ManageWiki/Cards/Wikibase.vue      | 3 ---
 src/components/Pages/ManageWiki/Features/Lexeme.vue     | 3 ---
 src/components/Pages/ManageWiki/Features/Message.vue    | 3 ---
 src/components/Pages/User.vue                           | 3 ---
 16 files changed, 47 deletions(-)

diff --git a/src/components/Cards/CreateAccount.vue b/src/components/Cards/CreateAccount.vue
index a06b4e51..3e19ab3b 100644
--- a/src/components/Cards/CreateAccount.vue
+++ b/src/components/Cards/CreateAccount.vue
@@ -218,6 +218,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>
diff --git a/src/components/Cards/ForgottenPassword.vue b/src/components/Cards/ForgottenPassword.vue
index 61831421..b0241264 100644
--- a/src/components/Cards/ForgottenPassword.vue
+++ b/src/components/Cards/ForgottenPassword.vue
@@ -85,6 +85,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>
diff --git a/src/components/Cards/ResetPassword.vue b/src/components/Cards/ResetPassword.vue
index 0fc654da..e4623860 100644
--- a/src/components/Cards/ResetPassword.vue
+++ b/src/components/Cards/ResetPassword.vue
@@ -120,6 +120,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>
diff --git a/src/components/Pages/About.vue b/src/components/Pages/About.vue
index fd949aa5..a5e08fe3 100644
--- a/src/components/Pages/About.vue
+++ b/src/components/Pages/About.vue
@@ -22,6 +22,3 @@ export default {
   },
 }
 </script>
-
-<style>
-</style>
diff --git a/src/components/Pages/Contact.vue b/src/components/Pages/Contact.vue
index 6dfb4880..fba7146e 100644
--- a/src/components/Pages/Contact.vue
+++ b/src/components/Pages/Contact.vue
@@ -149,6 +149,3 @@ export default {
   },
 }
 </script>
-
-<style>
-</style>
diff --git a/src/components/Pages/EmailVerification.vue b/src/components/Pages/EmailVerification.vue
index 07096742..4ac8d850 100644
--- a/src/components/Pages/EmailVerification.vue
+++ b/src/components/Pages/EmailVerification.vue
@@ -50,6 +50,3 @@ export default {
   },
 }
 </script>
-
-<style>
-</style>
diff --git a/src/components/Pages/Logout.vue b/src/components/Pages/Logout.vue
index 2b90f2ad..5f804238 100644
--- a/src/components/Pages/Logout.vue
+++ b/src/components/Pages/Logout.vue
@@ -19,6 +19,3 @@ export default {
   },
 }
 </script>
-
-<style scoped>
-</style>
diff --git a/src/components/Pages/ManageWiki/Cards/ConfirmDelete.vue b/src/components/Pages/ManageWiki/Cards/ConfirmDelete.vue
index 685ad6ff..03086449 100644
--- a/src/components/Pages/ManageWiki/Cards/ConfirmDelete.vue
+++ b/src/components/Pages/ManageWiki/Cards/ConfirmDelete.vue
@@ -100,5 +100,3 @@ export default {
   },
 }
 </script>
-<style>
-</style>
diff --git a/src/components/Pages/ManageWiki/Cards/Delete.vue b/src/components/Pages/ManageWiki/Cards/Delete.vue
index 3373b826..627c74cd 100644
--- a/src/components/Pages/ManageWiki/Cards/Delete.vue
+++ b/src/components/Pages/ManageWiki/Cards/Delete.vue
@@ -29,6 +29,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>
diff --git a/src/components/Pages/ManageWiki/Cards/Details.vue b/src/components/Pages/ManageWiki/Cards/Details.vue
index 00bc5864..335c797d 100644
--- a/src/components/Pages/ManageWiki/Cards/Details.vue
+++ b/src/components/Pages/ManageWiki/Cards/Details.vue
@@ -57,6 +57,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>
diff --git a/src/components/Pages/ManageWiki/Cards/Logo.vue b/src/components/Pages/ManageWiki/Cards/Logo.vue
index 50c26535..839ea248 100644
--- a/src/components/Pages/ManageWiki/Cards/Logo.vue
+++ b/src/components/Pages/ManageWiki/Cards/Logo.vue
@@ -63,6 +63,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>
diff --git a/src/components/Pages/ManageWiki/Cards/Registration.vue b/src/components/Pages/ManageWiki/Cards/Registration.vue
index fe5c4a7d..28b414c5 100644
--- a/src/components/Pages/ManageWiki/Cards/Registration.vue
+++ b/src/components/Pages/ManageWiki/Cards/Registration.vue
@@ -50,6 +50,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>
diff --git a/src/components/Pages/ManageWiki/Cards/Wikibase.vue b/src/components/Pages/ManageWiki/Cards/Wikibase.vue
index 8827e4eb..e5259180 100644
--- a/src/components/Pages/ManageWiki/Cards/Wikibase.vue
+++ b/src/components/Pages/ManageWiki/Cards/Wikibase.vue
@@ -115,6 +115,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>
diff --git a/src/components/Pages/ManageWiki/Features/Lexeme.vue b/src/components/Pages/ManageWiki/Features/Lexeme.vue
index 835138d0..50ae4b71 100644
--- a/src/components/Pages/ManageWiki/Features/Lexeme.vue
+++ b/src/components/Pages/ManageWiki/Features/Lexeme.vue
@@ -107,6 +107,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>
diff --git a/src/components/Pages/ManageWiki/Features/Message.vue b/src/components/Pages/ManageWiki/Features/Message.vue
index 198295e8..a6773bdd 100644
--- a/src/components/Pages/ManageWiki/Features/Message.vue
+++ b/src/components/Pages/ManageWiki/Features/Message.vue
@@ -35,6 +35,3 @@ export default {
   },
 }
 </script>
-
-<style scoped>
-</style>
diff --git a/src/components/Pages/User.vue b/src/components/Pages/User.vue
index 7097b806..2aa62bf9 100644
--- a/src/components/Pages/User.vue
+++ b/src/components/Pages/User.vue
@@ -59,6 +59,3 @@ export default {
   },
 }
 </script>
-
-<style>
-</style>

From 01a50ab2ed3be3a2c698abf2784ae29633a28180 Mon Sep 17 00:00:00 2001
From: Ollie Hyde <oliver.hyde@wikimedia.de>
Date: Thu, 9 Apr 2026 10:55:47 +0100
Subject: [PATCH 3/5] Add `scoped` attribute to `<style>` tags in Single-File
 Components

---
 src/components/Pages/Privacy/Privacy.vue | 2 +-
 src/components/Pages/TermsOfUse.vue      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Pages/Privacy/Privacy.vue b/src/components/Pages/Privacy/Privacy.vue
index 9b4c5b88..b1dc82bf 100644
--- a/src/components/Pages/Privacy/Privacy.vue
+++ b/src/components/Pages/Privacy/Privacy.vue
@@ -777,7 +777,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 h5,
 h4 {
   margin-bottom: 16px;
diff --git a/src/components/Pages/TermsOfUse.vue b/src/components/Pages/TermsOfUse.vue
index cb762ec4..31129b17 100644
--- a/src/components/Pages/TermsOfUse.vue
+++ b/src/components/Pages/TermsOfUse.vue
@@ -1294,7 +1294,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 h5 {
   margin-bottom: 16px;
 }

From 2a339198f10484808aee84f6e1f6665a62ffe66b Mon Sep 17 00:00:00 2001
From: Ollie Hyde <oliver.hyde@wikimedia.de>
Date: Thu, 9 Apr 2026 12:47:37 +0100
Subject: [PATCH 4/5] Replace custom css with Vuetify-native classes in
 Interval.vue

---
 src/components/Util/Interval.vue | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/src/components/Util/Interval.vue b/src/components/Util/Interval.vue
index efa576da..36be39f3 100644
--- a/src/components/Util/Interval.vue
+++ b/src/components/Util/Interval.vue
@@ -1,9 +1,5 @@
 <template>
-  <span :class="[
-      'CheckVerification',
-      `CheckVerification--${interval}`
-    ]"
-    ref="elm" />
+  <span class="d-none" ref="elm" />
 </template>
 
 <script>
@@ -39,9 +35,3 @@ export default {
   },
 }
 </script>
-
-<style>
-.CheckVerification {
-  display: none;
-}
-</style>

From 0604ce915ba791967e1e13d5361c24f1641ada86 Mon Sep 17 00:00:00 2001
From: Ollie Hyde <oliver.hyde@wikimedia.de>
Date: Thu, 9 Apr 2026 14:57:31 +0100
Subject: [PATCH 5/5] Remove empty style tag from

---
 src/components/Pages/ManageWiki/Cards/Skin.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/Pages/ManageWiki/Cards/Skin.vue b/src/components/Pages/ManageWiki/Cards/Skin.vue
index ff028305..3ae3ad0e 100644
--- a/src/components/Pages/ManageWiki/Cards/Skin.vue
+++ b/src/components/Pages/ManageWiki/Cards/Skin.vue
@@ -83,6 +83,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>