Update govuk-vue to 1.0.0

govuk-vue · Sep 2, 2024 · b89b82b · b89b82b
1 parent cab8d55
commit b89b82b
Show file tree

Hide file tree

Showing 6 changed files with 173 additions and 130 deletions.
diff --git a/README.md b/README.md
@@ -94,7 +94,7 @@ In `index.html`, replace `<head>` with the following:
 </head>
 ```
 
-Add the `govuk-template` class to `<html>` and `govuk-template__body js-enabled` to `<body>`.
+Add the `govuk-template` class to `<html>` and `govuk-template__body js-enabled govuk-frontend-supported` to `<body>`.
 
 ### Install Sass and import GOV.UK Frontend styles
 
@@ -115,7 +115,7 @@ Rename `src/assets/main.css` to `main.scss` and update the import at the top of
 Update content of `main.scss` to:
 
 ```scss
-@import "node_modules/govuk-frontend/govuk/all";
+@import "node_modules/govuk-frontend/dist/govuk/all";
 ```
 
 Delete everything else in `main.scss`
@@ -145,7 +145,7 @@ and add the following to the `plugins` option:
 viteStaticCopy({
   targets: [
     {
-      src: 'node_modules/govuk-frontend/govuk/assets/*',
+      src: 'node_modules/govuk-frontend/dist/govuk/assets/*',
       dest: 'assets'
     }
   ]

diff --git a/index.html b/index.html
@@ -5,15 +5,13 @@
     <title>GOV.UK Vue Minimal Example</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
     <meta name="theme-color" content="#0b0c0c">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <link rel="shortcut icon" sizes="16x16 32x32 48x48" href="/govuk-vue-minimal-example/assets/images/favicon.ico" type="image/x-icon">
-    <link rel="mask-icon" href="/govuk-vue-minimal-example/assets/images/govuk-mask-icon.svg" color="#0b0c0c">
-    <link rel="apple-touch-icon" sizes="180x180" href="/govuk-vue-minimal-example/assets/images/govuk-apple-touch-icon-180x180.png">
-    <link rel="apple-touch-icon" sizes="167x167" href="/govuk-vue-minimal-example/assets/images/govuk-apple-touch-icon-167x167.png">
-    <link rel="apple-touch-icon" sizes="152x152" href="/govuk-vue-minimal-example/assets/images/govuk-apple-touch-icon-152x152.png">
-    <link rel="apple-touch-icon" href="/govuk-vue-minimal-example/assets/images/govuk-apple-touch-icon.png">
+    <link rel="icon" sizes="48x48" href="/assets/images/favicon.ico">
+    <link rel="icon" sizes="any" href="/assets/images/favicon.svg" type="image/svg+xml">
+    <link rel="mask-icon" href="/assets/images/govuk-icon-mask.svg" color="#0b0c0c">
+    <link rel="apple-touch-icon" href="/assets/images/govuk-icon-180.png">
+    <link rel="manifest" href="/assets/manifest.json">
   </head>
-  <body class="govuk-template__body js-enabled">
+  <body class="govuk-template__body js-enabled govuk-frontend-supported">
     <div id="app"></div>
     <script type="module" src="/src/main.js"></script>
   </body>