Skip to content

Commit 95db8b2

Browse files
kazuponkazupon
committed
update sponsors
1 parent 67b5356 commit 95db8b2

File tree

16 files changed

+2005
-2265
lines changed

16 files changed

+2005
-2265
lines changed

‎BACKERS.md‎

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,24 @@ You can join them in supporting vue-i18n & Intlify project development by [pledg
2020
</a>
2121
</p>
2222

23+
<h2 align="center">Special Sponsors</h2>
24+
25+
<p align="center">
26+
<a
27+
href="https://plaid.co.jp/"
28+
style="margin: 1rem 1rem 0 1rem; width: 15rem; height: auto; display: inline-block; vertical-align: middle;"
29+
target="_blank"
30+
rel="noopener"
31+
>
32+
<img
33+
style="max-width: 100%; vertical-align: midele;"
34+
src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/plaid.svg"
35+
width="260px"
36+
alt="PLAID"
37+
>
38+
</a>
39+
</p>
40+
2341
<h2 align="center">Gold Sponsors</h2>
2442

2543
<p align="center">
@@ -56,16 +74,16 @@ You can join them in supporting vue-i18n & Intlify project development by [pledg
5674

5775
<p align="center">
5876
<a
59-
href="httpwws://cypress.io/"
77+
href="https://localazy.com/blog/how-to-localize-vuejs-app-with-vue-i18n-and-localazy?utm_source=kazupon&utm_medium=banner&utm_campaign=sponsorships_kazupon&utm_content=logo"
6078
style="margin: 1rem 1rem 0 1rem; width: 15rem; height: auto; display: inline-block; vertical-align: middle;"
6179
target="_blank"
6280
rel="noopener"
6381
>
6482
<img
6583
style="max-width: 100%; vertical-align: midele;"
66-
src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/cypress.svg"
84+
src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/localazy.svg"
6785
width="260px"
68-
alt="Cypress"
86+
alt="Localazy"
6987
>
7088
</a>
7189
</p>

‎README.md‎

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,19 @@ Vue I18n is part of the Vue Ecosystem and Intlify Project is an open source proj
2121
</a>
2222
</p>
2323

24+
<h3 align="center">✨ Special Sponsors</h3>
25+
26+
<p align="center">
27+
<a
28+
href="https://plaid.co.jp/"
29+
target="_blank">
30+
<img
31+
src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/plaid.svg"
32+
width="240px"
33+
/>
34+
</a>
35+
</p>
36+
2437
<h3 align="center">🥇 Gold Sponsors</h3>
2538

2639
<p align="center">
@@ -45,10 +58,10 @@ Vue I18n is part of the Vue Ecosystem and Intlify Project is an open source proj
4558
</p>
4659
<p align="center">
4760
<a
48-
href="https://cypress.io/"
61+
href="https://localazy.com/blog/how-to-localize-vuejs-app-with-vue-i18n-and-localazy?utm_source=kazupon&utm_medium=banner&utm_campaign=sponsorships_kazupon&utm_content=logo"
4962
target="_blank">
5063
<img
51-
src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/cypress.svg"
64+
src="https://raw.githubusercontent.com/intlify/vue-i18n-next/master/docs/public/localazy.svg"
5265
width="240px"
5366
/>
5467
</a>

‎docs/.vitepress/theme/Layout.vue‎

Lines changed: 2 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
<script>
22
import DefaultTheme from 'vitepress/dist/client/theme-default'
33
import Sponsor from './components/Sponsor.vue'
4-
import { sponsors } from './state'
4+
import { sponsors } from './sponsor'
5+
56
67
export default {
78
name: 'Layout',
@@ -42,24 +43,6 @@ export default {
4243
</div>
4344
</template>
4445
<template #home-hero>
45-
<div class="sponsors">
46-
<div class="level">
47-
<h4 class="sponsor-title">🏅 Platinum Sponsors</h4>
48-
<Sponsor v-for="platinum in platinums" v-bind="platinum" />
49-
</div>
50-
<div class="level">
51-
<h4 class="sponsor-title">🥇 Gold Sponsors</h4>
52-
<Sponsor v-for="gold in golds" v-bind="gold" />
53-
</div>
54-
<div class="level">
55-
<h4 class="sponsor-title">🥈 Silver Sponsors</h4>
56-
<Sponsor v-for="silver in silvers" v-bind="silver" />
57-
</div>
58-
<div class="level">
59-
<h4 class="sponsor-title">🥉 Bronze Sponsors</h4>
60-
<Sponsor v-for="bronze in bronzes" v-bind="bronze" />
61-
</div>
62-
</div>
6346
</template>
6447
<template #home-featuers>
6548
</template>
@@ -72,16 +55,6 @@ export default {
7255
form {
7356
margin-block-end: 0;
7457
}
75-
.sponsors {
76-
text-align:center;
77-
padding: 24px 0 24px 0;
78-
}
79-
.sponsors .level {
80-
padding: 24px 0 0 0;
81-
}
82-
.sponsor-title {
83-
padding: 12px 0;
84-
}
8558
.hero .action .nav-item {
8659
margin-left: 0;
8760
}

‎docs/.vitepress/theme/components/HomeSponsors.vue‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<script lang="ts">
2+
import { defineComponent } from 'vue'
3+
import Sponsor from './Sponsor.vue'
4+
import { sponsors } from '../sponsor'
5+
6+
export default defineComponent({
7+
name: 'HomeSponspors',
8+
9+
components: {
10+
Sponsor
11+
},
12+
13+
setup() {
14+
return { ...sponsors }
15+
}
16+
})
17+
</script>
18+
19+
<template>
20+
<div class="sponsors">
21+
<h3 class="frontpage">Sponsors</h3>
22+
<div class="level">
23+
<h4 class="sponsor-title">🏅 Platinum Sponsors</h4>
24+
<Sponsor v-for="platinum in platinums" v-bind="platinum" />
25+
</div>
26+
<div class="level">
27+
<h4 class="sponsor-title">✨ Special Sponsors</h4>
28+
<Sponsor v-for="special in specials" v-bind="special" />
29+
</div>
30+
<div class="level">
31+
<h4 class="sponsor-title">🥇 Gold Sponsors</h4>
32+
<Sponsor v-for="gold in golds" v-bind="gold" />
33+
</div>
34+
<div class="level">
35+
<h4 class="sponsor-title">🥈 Silver Sponsors</h4>
36+
<Sponsor v-for="silver in silvers" v-bind="silver" />
37+
</div>
38+
<div class="level">
39+
<h4 class="sponsor-title">🥉 Bronze Sponsors</h4>
40+
<Sponsor v-for="bronze in bronzes" v-bind="bronze" />
41+
</div>
42+
<a class="become-a-sponsor" href="https://github.com/sponsors/kazupon" target="_blank" rel="noopener">Become a sponsor on GitHub</a>
43+
</div>
44+
</template>
45+
46+
<style scoped>
47+
.sponsors {
48+
text-align:center;
49+
padding: 24px 0 24px 0;
50+
}
51+
.sponsors .frontpage {
52+
font-size: 1.2rem;
53+
border: none;
54+
}
55+
.sponsors .become-a-sponsor {
56+
color: #999;
57+
margin: 1em;
58+
display: block;
59+
}
60+
.sponsors .level {
61+
padding: 24px 0 0 0;
62+
}
63+
.sponsor-title {
64+
padding: 12px 0;
65+
}
66+
</style>

‎docs/.vitepress/theme/components/Sponsor.vue‎

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
<script lang="ts">
2-
import { TierLevel } from '../state'
32
import { defineComponent } from 'vue'
43
5-
const TIER_CLASSES = ['platinum', 'gold', 'silver', 'bronze'] as const
4+
const TIER_CLASSES = ['platinum', 'special', 'gold', 'silver', 'bronze'] as const
65
76
export default defineComponent({
87
name: 'Sponsor',
@@ -14,9 +13,9 @@ export default defineComponent({
1413
},
1514
1615
tier: {
17-
type: Number,
18-
default: (): number => TierLevel.Bronze,
19-
validate: (level: number) => [TierLevel.Platinum, TierLevel.Gold, TierLevel.Silver, TierLevel.Bronze].includes(level)
16+
type: String,
17+
default: (): string => 'bronze',
18+
validate: (level: string) => ~TIER_CLASSES.indexOf(level)
2019
},
2120
2221
link: {
@@ -31,7 +30,7 @@ export default defineComponent({
3130
3231
setup(props) {
3332
return {
34-
tierClass: TIER_CLASSES[props.tier]
33+
tierClass: props.tier
3534
}
3635
}
3736
})
@@ -53,6 +52,9 @@ export default defineComponent({
5352
.platinum {
5453
width: 30rem;
5554
}
55+
.special {
56+
width: 15rem;
57+
}
5658
.gold {
5759
width: 15rem;
5860
}

‎docs/.vitepress/theme/index.ts‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,14 @@ import { h } from 'vue'
22
import DefaultTheme from 'vitepress/dist/client/theme-default'
33
import Layout from './Layout.vue'
44
import Sponsor from './components/Sponsor.vue'
5-
import { sponsors } from './state'
5+
import { sponsors } from './sponsor'
66

77
export default {
88
...DefaultTheme,
99
Layout,
1010
enhanceApp({ app, router, siteData }) {
1111
app.component('PlatinumSponsors', () => sponsors.platinums.map(prop => h(Sponsor, prop)))
12+
app.component('SpecialSponsors', () => sponsors.specials.map(prop => h(Sponsor, prop)))
1213
app.component('GoldSponsors', () => sponsors.golds.map(prop => h(Sponsor, prop)))
1314
app.component('SilverSponsors', () => sponsors.silvers.map(prop => h(Sponsor, prop)))
1415
app.component('BronzeSponsors', () => sponsors.bronzes.map(prop => h(Sponsor, prop)))

‎docs/.vitepress/theme/sponsor.ts‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import data from './sponsors.json'
2+
3+
export type TierLevel = 'platinum' | 'special' | 'gold' | 'silver' | 'bronze'
4+
5+
export interface Sponsor {
6+
name: string,
7+
tier: TierLevel,
8+
link: string,
9+
source: string
10+
}
11+
12+
export interface Sponsors {
13+
platinums: Sponsor[],
14+
specials: Sponsor[],
15+
golds: Sponsor[],
16+
silvers: Sponsor[],
17+
bronzes: Sponsor[]
18+
}
19+
20+
export const sponsors = data

‎docs/.vitepress/theme/sponsors.json‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
{
2+
"platinums": [{
3+
"name": "Zen Architects",
4+
"tier": "platinum",
5+
"link": "https://zenarchitects.co.jp/",
6+
"source": "/zenarchitects.png"
7+
}],
8+
"specials": [{
9+
"name": "PLAID",
10+
"tier": "special",
11+
"link": "https://plaid.co.jp/",
12+
"source": "/plaid.svg"
13+
}],
14+
"golds": [{
15+
"name": "NuxtJS",
16+
"tier": "gold",
17+
"link": "https://nuxtjs.org/",
18+
"source": "/nuxt.png"
19+
}, {
20+
"name": "RapidAPI",
21+
"tier": "gold",
22+
"link": "https://rapidapi.com/",
23+
"source": "/RapidAPI.svg"
24+
}, {
25+
"name": "Localazy",
26+
"tier": "gold",
27+
"link": "https://localazy.com/blog/how-to-localize-vuejs-app-with-vue-i18n-and-localazy?utm_source=kazupon&utm_medium=banner&utm_campaign=sponsorships_kazupon&utm_content=logo",
28+
"source": "/localazy.svg"
29+
}],
30+
"silvers": [],
31+
"bronzes": [{
32+
"name": "SendCloud",
33+
"tier": "bronze",
34+
"link": "https://www.sendcloud.com/",
35+
"source": "/sendcloud.png"
36+
}, {
37+
"name": "Vue Mastery",
38+
"tier": "bronze",
39+
"link": "https://www.vuemastery.com/",
40+
"source": "/vuemastery.png"
41+
}, {
42+
"name": "DECIBEL",
43+
"tier": "bronze",
44+
"link": "https://www.deci-bel.com/",
45+
"source": "/decibel.png"
46+
}]
47+
}

‎docs/.vitepress/theme/state.ts‎

Lines changed: 0 additions & 48 deletions
This file was deleted.

‎docs/index.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,3 +12,9 @@ features:
1212
details: You can manage locale messages on single file component
1313
footer: MIT Licensed | Copyright © 2020 kazuya kawaguchi
1414
---
15+
16+
<HomeSponsors />
17+
18+
<script setup>
19+
import HomeSponsors from './.vitepress/theme/components/HomeSponsors.vue'
20+
</script>

0 commit comments

Comments
 (0)