Skip to content

Commit b89b82b

Browse files
committed
Update govuk-vue to 1.0.0
1 parent cab8d55 commit b89b82b

File tree

6 files changed

+173
-130
lines changed

6 files changed

+173
-130
lines changed

README.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ In `index.html`, replace `<head>` with the following:
9494
</head>
9595
```
9696

97-
Add the `govuk-template` class to `<html>` and `govuk-template__body js-enabled` to `<body>`.
97+
Add the `govuk-template` class to `<html>` and `govuk-template__body js-enabled govuk-frontend-supported` to `<body>`.
9898

9999
### Install Sass and import GOV.UK Frontend styles
100100

@@ -115,7 +115,7 @@ Rename `src/assets/main.css` to `main.scss` and update the import at the top of
115115
Update content of `main.scss` to:
116116

117117
```scss
118-
@import "node_modules/govuk-frontend/govuk/all";
118+
@import "node_modules/govuk-frontend/dist/govuk/all";
119119
```
120120

121121
Delete everything else in `main.scss`
@@ -145,7 +145,7 @@ and add the following to the `plugins` option:
145145
viteStaticCopy({
146146
targets: [
147147
{
148-
src: 'node_modules/govuk-frontend/govuk/assets/*',
148+
src: 'node_modules/govuk-frontend/dist/govuk/assets/*',
149149
dest: 'assets'
150150
}
151151
]

index.html

+6-8
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,13 @@
55
<title>GOV.UK Vue Minimal Example</title>
66
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
77
<meta name="theme-color" content="#0b0c0c">
8-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
9-
<link rel="shortcut icon" sizes="16x16 32x32 48x48" href="/govuk-vue-minimal-example/assets/images/favicon.ico" type="image/x-icon">
10-
<link rel="mask-icon" href="/govuk-vue-minimal-example/assets/images/govuk-mask-icon.svg" color="#0b0c0c">
11-
<link rel="apple-touch-icon" sizes="180x180" href="/govuk-vue-minimal-example/assets/images/govuk-apple-touch-icon-180x180.png">
12-
<link rel="apple-touch-icon" sizes="167x167" href="/govuk-vue-minimal-example/assets/images/govuk-apple-touch-icon-167x167.png">
13-
<link rel="apple-touch-icon" sizes="152x152" href="/govuk-vue-minimal-example/assets/images/govuk-apple-touch-icon-152x152.png">
14-
<link rel="apple-touch-icon" href="/govuk-vue-minimal-example/assets/images/govuk-apple-touch-icon.png">
8+
<link rel="icon" sizes="48x48" href="/assets/images/favicon.ico">
9+
<link rel="icon" sizes="any" href="/assets/images/favicon.svg" type="image/svg+xml">
10+
<link rel="mask-icon" href="/assets/images/govuk-icon-mask.svg" color="#0b0c0c">
11+
<link rel="apple-touch-icon" href="/assets/images/govuk-icon-180.png">
12+
<link rel="manifest" href="/assets/manifest.json">
1513
</head>
16-
<body class="govuk-template__body js-enabled">
14+
<body class="govuk-template__body js-enabled govuk-frontend-supported">
1715
<div id="app"></div>
1816
<script type="module" src="/src/main.js"></script>
1917
</body>

0 commit comments

Comments
 (0)