Skip to content

Commit 3b0f2cc

Browse files
author
Guillaume.de.Moffart
committed
Fix html format
1 parent 79876bd commit 3b0f2cc

File tree

2 files changed

+148
-154
lines changed

2 files changed

+148
-154
lines changed

‎examples/composition/formatting/linked.html‎

Lines changed: 75 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -1,88 +1,85 @@
11
<!doctype html>
22
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>Linked message example</title>
6+
<script src="../../../node_modules/vue/dist/vue.global.js"></script>
7+
<script src="../../../packages/vue-i18n/dist/vue-i18n.global.js"></script>
8+
</head>
9+
<body>
10+
<div id="app">
11+
<form>
12+
<label for="locale-select">{{ t('message.language') }}</label>
13+
<select id="locale-select" v-model="locale">
14+
<option value="en">en</option>
15+
<option value="ja">ja</option>
16+
</select>
17+
</form>
18+
<p class="linked">{{ t('message.linked') }}</p>
19+
<label>{{ t('message.homeAddress') }}</label>
20+
<p class="error">{{ t('message.missingHomeAddress') }}</p>
21+
<p class="modifier">
22+
{{ t('message.custom_modifier', { snake: 'message.snake' }) }}
23+
</p>
24+
<p class="linked-nested">{{ t('message.linkedWithNested') }}</p>
25+
</div>
26+
<script>
27+
const { createApp } = Vue
28+
const { createI18n, useI18n } = VueI18n
329

4-
<head>
5-
<meta charset="utf-8" />
6-
<title>Linked message example</title>
7-
<script src="../../../node_modules/vue/dist/vue.global.js"></script>
8-
<script src="../../../packages/vue-i18n/dist/vue-i18n.global.js"></script>
9-
</head>
10-
11-
<body>
12-
<div id="app">
13-
<form>
14-
<label for="locale-select">{{ t('message.language') }}</label>
15-
<select id="locale-select" v-model="locale">
16-
<option value="en">en</option>
17-
<option value="ja">ja</option>
18-
</select>
19-
</form>
20-
<p class="linked">{{ t('message.linked') }}</p>
21-
<label>{{ t('message.homeAddress') }}</label>
22-
<p class="error">{{ t('message.missingHomeAddress') }}</p>
23-
<p class="modifier">
24-
{{ t('message.custom_modifier', { snake: 'message.snake' }) }}
25-
</p>
26-
<p class="linked-nested">{{ t('message.linkedWithNested') }}</p>
27-
</div>
28-
<script>
29-
const { createApp } = Vue
30-
const { createI18n, useI18n } = VueI18n
31-
32-
const i18n = createI18n({
33-
locale: 'en',
34-
messages: {
35-
en: {
36-
'nested.key': 'Nested key',
37-
message: {
38-
language: 'Language',
39-
the_world: 'the world',
40-
dio: 'DIO:',
41-
linked: '@:message.dio @:message.the_world !!!!',
42-
homeAddress: 'Home address',
43-
missingHomeAddress: 'Please provide @.lower:message.homeAddress',
44-
snake: 'snake case',
45-
custom_modifier:
46-
"custom modifiers example: @.snakeCase:{'message.snake'}",
47-
linkedWithNested: '@:nested.key'
30+
const i18n = createI18n({
31+
locale: 'en',
32+
messages: {
33+
en: {
34+
'nested.key': 'Nested key',
35+
message: {
36+
language: 'Language',
37+
the_world: 'the world',
38+
dio: 'DIO:',
39+
linked: '@:message.dio @:message.the_world !!!!',
40+
homeAddress: 'Home address',
41+
missingHomeAddress: 'Please provide @.lower:message.homeAddress',
42+
snake: 'snake case',
43+
custom_modifier:
44+
"custom modifiers example: @.snakeCase:{'message.snake'}",
45+
linkedWithNested: '@:nested.key'
46+
}
47+
},
48+
ja: {
49+
'nested.key': 'ネストされたキー',
50+
message: {
51+
language: '言語',
52+
the_world: 'ザ・ワールド',
53+
dio: 'ディオ:',
54+
linked: '@:message.dio @:message.the_world ！！！！',
55+
homeAddress: 'ホームアドレス',
56+
missingHomeAddress:
57+
'どうか、@.lower:message.homeAddress を提供してください。',
58+
snake: 'スネーク ケース',
59+
foo: 'message.snake',
60+
custom_modifier:
61+
"カスタム修飾子の例: @.snakeCase:{'message.snake'}",
62+
linkedWithNested: '@:nested.key'
63+
}
4864
}
4965
},
50-
ja: {
51-
'nested.key': 'ネストされたキー',
52-
message: {
53-
language: '言語',
54-
the_world: 'ザ・ワールド',
55-
dio: 'ディオ:',
56-
linked: '@:message.dio @:message.the_world ！！！！',
57-
homeAddress: 'ホームアドレス',
58-
missingHomeAddress:
59-
'どうか、@.lower:message.homeAddress を提供してください。',
60-
snake: 'スネーク ケース',
61-
foo: 'message.snake',
62-
custom_modifier:
63-
"カスタム修飾子の例: @.snakeCase:{'message.snake'}",
64-
linkedWithNested: '@:nested.key'
65-
}
66+
modifiers: {
67+
snakeCase: str => str.split(' ').join('-')
6668
}
67-
},
68-
modifiers: {
69-
snakeCase: str => str.split(' ').join('-')
70-
}
71-
})
69+
})
7270

73-
const app = createApp({
74-
setup() {
75-
const { t, locale } = useI18n()
71+
const app = createApp({
72+
setup() {
73+
const { t, locale } = useI18n()
7674

77-
// Something to do ...
78-
//
79-
80-
return { t, locale }
81-
}
82-
})
83-
app.use(i18n)
84-
app.mount('#app')
85-
</script>
86-
</body>
75+
// Something to do ...
76+
//
8777

78+
return { t, locale }
79+
}
80+
})
81+
app.use(i18n)
82+
app.mount('#app')
83+
</script>
84+
</body>
8885
</html>

‎examples/petite/formatting/linked.html‎

Lines changed: 73 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -1,85 +1,82 @@
11
<!doctype html>
22
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>Linked message example</title>
6+
<script src="../../../node_modules/vue/dist/vue.global.js"></script>
7+
<script src="../../../packages/petite-vue-i18n/dist/petite-vue-i18n.global.js"></script>
8+
</head>
9+
<body>
10+
<div id="app">
11+
<form>
12+
<label for="locale-select">{{ t('message.language') }}</label>
13+
<select id="locale-select" v-model="locale">
14+
<option value="en">en</option>
15+
<option value="ja">ja</option>
16+
</select>
17+
</form>
18+
<p class="linked">{{ t('message.linked') }}</p>
19+
<label>{{ t('message.homeAddress') }}</label>
20+
<p class="error">{{ t('message.missingHomeAddress') }}</p>
21+
<p class="modifier">
22+
{{ t('message.custom_modifier', { snake: 'message.snake' }) }}
23+
</p>
24+
<p class="linked-nested">{{ t('message.linkedWithNested') }}</p>
25+
</div>
26+
<script>
27+
const { createApp } = Vue
28+
const { createI18n, useI18n } = PetiteVueI18n
329

4-
<head>
5-
<meta charset="utf-8" />
6-
<title>Linked message example</title>
7-
<script src="../../../node_modules/vue/dist/vue.global.js"></script>
8-
<script src="../../../packages/petite-vue-i18n/dist/petite-vue-i18n.global.js"></script>
9-
</head>
10-
11-
<body>
12-
<div id="app">
13-
<form>
14-
<label for="locale-select">{{ t('message.language') }}</label>
15-
<select id="locale-select" v-model="locale">
16-
<option value="en">en</option>
17-
<option value="ja">ja</option>
18-
</select>
19-
</form>
20-
<p class="linked">{{ t('message.linked') }}</p>
21-
<label>{{ t('message.homeAddress') }}</label>
22-
<p class="error">{{ t('message.missingHomeAddress') }}</p>
23-
<p class="modifier">
24-
{{ t('message.custom_modifier', { snake: 'message.snake' }) }}
25-
</p>
26-
<p class="linked-nested">{{ t('message.linkedWithNested') }}</p>
27-
</div>
28-
<script>
29-
const { createApp } = Vue
30-
const { createI18n, useI18n } = PetiteVueI18n
31-
32-
const i18n = createI18n({
33-
locale: 'en',
34-
messages: {
35-
en: {
36-
'nested.key': 'Nested key',
37-
'message.language': 'Language',
38-
'message.the_world': 'the world',
39-
'message.dio': 'DIO:',
40-
'message.linked': '@:message.dio @:message.the_world !!!!',
41-
'message.homeAddress': 'Home address',
42-
'message.missingHomeAddress':
43-
'Please provide @.lower:message.homeAddress',
44-
'message.snake': 'snake case',
45-
'message.custom_modifier':
46-
"custom modifiers example: @.snakeCase:{'message.snake'}",
47-
'message.linkedWithNested': '@:nested.key'
30+
const i18n = createI18n({
31+
locale: 'en',
32+
messages: {
33+
en: {
34+
'nested.key': 'Nested key',
35+
'message.language': 'Language',
36+
'message.the_world': 'the world',
37+
'message.dio': 'DIO:',
38+
'message.linked': '@:message.dio @:message.the_world !!!!',
39+
'message.homeAddress': 'Home address',
40+
'message.missingHomeAddress':
41+
'Please provide @.lower:message.homeAddress',
42+
'message.snake': 'snake case',
43+
'message.custom_modifier':
44+
"custom modifiers example: @.snakeCase:{'message.snake'}",
45+
'message.linkedWithNested': '@:nested.key'
46+
},
47+
ja: {
48+
'nested.key': 'ネストされたキー',
49+
'message.language': '言語',
50+
'message.the_world': 'ザ・ワールド',
51+
'message.dio': 'ディオ:',
52+
'message.linked': '@:message.dio @:message.the_world ！！！！',
53+
'message.homeAddress': 'ホームアドレス',
54+
'message.missingHomeAddress':
55+
'どうか、@.lower:message.homeAddress を提供してください。',
56+
'message.snake': 'スネーク ケース',
57+
'message.foo': 'message.snake',
58+
'message.custom_modifier':
59+
"カスタム修飾子の例: @.snakeCase:{'message.snake'}",
60+
'message.linkedWithNested': '@:nested.key'
61+
}
4862
},
49-
ja: {
50-
'nested.key': 'ネストされたキー',
51-
'message.language': '言語',
52-
'message.the_world': 'ザ・ワールド',
53-
'message.dio': 'ディオ:',
54-
'message.linked': '@:message.dio @:message.the_world ！！！！',
55-
'message.homeAddress': 'ホームアドレス',
56-
'message.missingHomeAddress':
57-
'どうか、@.lower:message.homeAddress を提供してください。',
58-
'message.snake': 'スネーク ケース',
59-
'message.foo': 'message.snake',
60-
'message.custom_modifier':
61-
"カスタム修飾子の例: @.snakeCase:{'message.snake'}",
62-
'message.linkedWithNested': '@:nested.key'
63+
modifiers: {
64+
snakeCase: str => str.split(' ').join('-')
6365
}
64-
},
65-
modifiers: {
66-
snakeCase: str => str.split(' ').join('-')
67-
}
68-
})
66+
})
6967

70-
const app = createApp({
71-
setup() {
72-
const { t, locale } = useI18n()
68+
const app = createApp({
69+
setup() {
70+
const { t, locale } = useI18n()
7371

74-
// Something to do ...
75-
//
76-
77-
return { t, locale }
78-
}
79-
})
80-
app.use(i18n)
81-
app.mount('#app')
82-
</script>
83-
</body>
72+
// Something to do ...
73+
//
8474

75+
return { t, locale }
76+
}
77+
})
78+
app.use(i18n)
79+
app.mount('#app')
80+
</script>
81+
</body>
8582
</html>

0 commit comments

Comments
 (0)