Skip to content

Commit a2b26cc

Browse files
kazuponkazupon
committed
updates
1 parent 091edde commit a2b26cc

36 files changed

+2897
-6426
lines changed

‎.eslintignore‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
dist
2+
public

‎.eslintrc.js‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
'use strict'
2+
3+
module.exports = {
4+
root: true,
5+
globals: {},
6+
env: {
7+
node: true
8+
},
9+
extends: [
10+
'plugin:vue-libs/recommended',
11+
'plugin:vue/vue3-recommended',
12+
'plugin:@typescript-eslint/recommended',
13+
'plugin:@typescript-eslint/eslint-recommended',
14+
'plugin:prettier/recommended',
15+
'prettier/@typescript-eslint'
16+
],
17+
plugins: ['@typescript-eslint'],
18+
parser: 'vue-eslint-parser',
19+
parserOptions: {
20+
parser: '@typescript-eslint/parser',
21+
sourceType: 'module'
22+
},
23+
rules: {
24+
'object-curly-spacing': 'off',
25+
'@typescript-eslint/ban-types': 'off',
26+
'@typescript-eslint/ban-ts-ignore': 'off',
27+
'@typescript-eslint/ban-ts-comment': 'off',
28+
'@typescript-eslint/explicit-function-return-type': 'off',
29+
'@typescript-eslint/member-delimiter-style': 'off',
30+
'@typescript-eslint/no-use-before-define': 'off',
31+
'@typescript-eslint/no-var-requires': 'off',
32+
'@typescript-eslint/no-non-null-assertion': 'off',
33+
'vue/one-component-per-file': 'off',
34+
'vue/experimental-script-setup-vars': 'off',
35+
'vue/no-deprecated-props-default-this': 'off',
36+
'vue/require-v-for-key': 'off',
37+
'vue/html-self-closing': ['error', {
38+
html: {
39+
void: 'always'
40+
}
41+
}]
42+
}
43+
}

‎.gitignore‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
node_modules
22
dist
3+
dist-ssr
34
.DS_Store
45
*.log
56
*.swp
67
*~
8+
*.local
79
.vscode

‎.prettierignore‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
dist
2+
.eslintrc.js

‎.prettierrc‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
semi: false
2+
singleQuote: true
3+
printWidth: 80
4+
trailingComma: "none"
5+
endOfLine: "auto"
6+
arrowParens: "avoid"

‎.vitepress/config.js‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
/**
2+
* @type {UserConfig}
3+
*/
4+
const config = {
5+
title: 'Intlify',
6+
description: 'The Borderless Internationalization',
7+
head: [],
8+
themeConfig: {
9+
docsBranch: 'master',
10+
logo: 'nav_logo.png',
11+
nav: [
12+
{
13+
text: 'Blog',
14+
link: 'https://blog.intlify.dev'
15+
},
16+
{
17+
text: 'GitHub',
18+
link: 'https://github.com/intlify'
19+
}
20+
]
21+
},
22+
customData: {
23+
projects: [
24+
{
25+
title: 'Vue I18n',
26+
link: 'https://github.com/kazupon/vue-i18n',
27+
logo: 'projects/vue-i18n.png'
28+
},
29+
{
30+
title: 'ESLint Plugin Vue I18n',
31+
link: 'https://github.com/intlify/eslint-plugin-vue-i18n',
32+
logo: 'projects/eslint-plugin-vue-i18n.png'
33+
}
34+
],
35+
sponsors: {
36+
gold: [
37+
{
38+
title: 'NuxtJS',
39+
link: 'https://nuxtjs.org',
40+
logo: 'sponsors/nuxt.png'
41+
}
42+
],
43+
sliver: [
44+
{
45+
title: 'BabelEdit',
46+
link:
47+
'https://www.codeandweb.com/babeledit?utm_campaign=vue-i18n-2019-01',
48+
logo: 'sponsors/babeledit.png'
49+
}
50+
],
51+
bronze: [
52+
{
53+
title: 'ZenArchitects',
54+
link: 'https://zenarchitects.co.jp',
55+
logo: 'sponsors/zenarchitects.png'
56+
},
57+
{
58+
title: 'Sendcloud',
59+
link: 'https://www.sendcloud.com',
60+
logo: 'sponsors/sendcloud.png'
61+
}
62+
]
63+
}
64+
}
65+
}
66+
67+
module.exports = config

‎.vitepress/theme/Hero.vue‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<template>
2+
<div class="inner">
3+
<figure class="left">
4+
<img
5+
class="hero-logo"
6+
:src="$withBase($frontmatter.heroImage)"
7+
:alt="$frontmatter.heroAlt"
8+
/>
9+
</figure>
10+
<div class="right">
11+
<h1 class="tagline">The Borderless<br />Internationalization</h1>
12+
</div>
13+
</div>
14+
</template>
15+
16+
<style scoped>
17+
.inner {
18+
@apply mx-auto max-w-screen-xl;
19+
}
20+
21+
.left {
22+
@apply w-full text-center inline-block align-top
23+
md:text-right md:w-2/5;
24+
}
25+
26+
.hero-logo {
27+
@apply float-none inline w-60 h-60
28+
mr-0 md:float-right md:mr-12;
29+
}
30+
31+
.right {
32+
@apply w-full inline-block align-top md:w-3/5;
33+
}
34+
35+
.tagline {
36+
@apply text-center font-extrabold text-5xl
37+
md:text-left md:my-6 md:py-6;
38+
}
39+
</style>

‎.vitepress/theme/Info.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<template>
2+
<section class="py-16">
3+
<p class="text-white text-center">
4+
{{ $frontmatter.footer }}
5+
</p>
6+
</section>
7+
</template>

‎.vitepress/theme/Layout.vue‎

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
<script setup lang="ts">
2+
import Navigation from './Navigation.vue'
3+
import Hero from './Hero.vue'
4+
import Sponsor from './Sponsor.vue'
5+
import Project from './Project.vue'
6+
import Info from './Info.vue'
7+
</script>
8+
9+
<template>
10+
<div class="antialiased">
11+
<header class="h-auto layouts">
12+
<Navigation />
13+
</header>
14+
15+
<!-- eslint-disable-next-line prettier/prettier -->
16+
<main
17+
class="contents"
18+
aria-labelledby="main-title"
19+
>
20+
<section class="hero layouts">
21+
<Hero />
22+
</section>
23+
24+
<section class="about layouts">
25+
<div class="inner">
26+
<p>
27+
Intlify is a project that aims to improve Developer Experience in
28+
software internationalization.We aim to improve the Developer
29+
Experience of internationalization by providing libraries,
30+
frameworks, and tools that break down barriers to
31+
internationalization.
32+
</p>
33+
<p>
34+
We will also aim to improve the localization experience by providing
35+
software that is easy to localize.
36+
</p>
37+
</div>
38+
</section>
39+
40+
<section class="sponsors layouts">
41+
<div class="inner">
42+
<h2>Sponsors</h2>
43+
<!-- eslint-disable-next-line prettier/prettier -->
44+
<Sponsor
45+
:banners="$site.customData.sponsors.gold"
46+
tier="gold"
47+
/>
48+
<!-- eslint-disable-next-line prettier/prettier -->
49+
<Sponsor
50+
:banners="$site.customData.sponsors.sliver"
51+
tier="silver"
52+
/>
53+
<!-- eslint-disable-next-line prettier/prettier -->
54+
<Sponsor
55+
:banners="$site.customData.sponsors.bronze"
56+
tier="bronze"
57+
/>
58+
<a
59+
class="button white"
60+
href="https://github.com/sponsors/kazupon?o=esc"
61+
>
62+
Become a Sponsor
63+
</a>
64+
</div>
65+
</section>
66+
67+
<section class="projects layouts">
68+
<div class="inner">
69+
<h2>Projects</h2>
70+
<Project :banners="$site.customData.projects" />
71+
<!-- eslint-disable-next-line prettier/prettier -->
72+
<a
73+
class="button white"
74+
href="https://github.com/intlify"
75+
>
76+
See more Projects
77+
</a>
78+
</div>
79+
</section>
80+
</main>
81+
82+
<footer class="footer">
83+
<Info />
84+
</footer>
85+
86+
<Debug />
87+
</div>
88+
</template>
89+
90+
<style scoped>
91+
.layouts {
92+
@apply px-6 sm:px-6 xl:px-6;
93+
}
94+
95+
.contents {
96+
@apply h-auto;
97+
}
98+
99+
.hero {
100+
@apply pt-6;
101+
}
102+
103+
.about {
104+
@apply py-8;
105+
}
106+
107+
.about p {
108+
@apply py-2;
109+
}
110+
111+
.sponsors {
112+
background-color: #f6f6f6;
113+
@apply text-center py-14;
114+
}
115+
116+
.projects {
117+
@apply text-center py-14;
118+
}
119+
120+
.about .inner,
121+
.sponsors .inner,
122+
.projects .inner {
123+
@apply mx-auto max-w-screen-md;
124+
}
125+
126+
.sponsors h2,
127+
.projects h2 {
128+
@apply text-2xl mb-6;
129+
}
130+
131+
.sponsors a.button,
132+
.projects a.button {
133+
@apply mx-4 mt-14 w-52;
134+
}
135+
136+
.footer {
137+
@apply h-auto layouts bg-gray-700;
138+
}
139+
</style>

‎.vitepress/theme/Navigation.vue‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<template>
2+
<nav class="navigation">
3+
<div class="logo">
4+
<!-- eslint-disable-next-line prettier/prettier -->
5+
<a
6+
href="/"
7+
:aria-label="$site.title"
8+
>
9+
<!-- eslint-disable-next-line prettier/prettier -->
10+
<img
11+
:src="$withBase($themeConfig.logo)"
12+
:alt="$site.title"
13+
/>
14+
</a>
15+
</div>
16+
<div class="menu">
17+
<template v-for="{ text, link } in $themeConfig.nav">
18+
<!-- eslint-disable-next-line prettier/prettier -->
19+
<a
20+
:href="link"
21+
:aria-label="text"
22+
>
23+
{{ text }}
24+
</a>
25+
</template>
26+
</div>
27+
</nav>
28+
</template>
29+
30+
<style scoped>
31+
.navigation {
32+
@apply flex justify-between items-center py-6 font-bold;
33+
}
34+
35+
.logo a {
36+
@apply text-xl;
37+
}
38+
39+
.logo img {
40+
@apply h-10;
41+
}
42+
43+
.menu {
44+
@apply text-base text-gray-500 leading-5;
45+
}
46+
47+
.menu a {
48+
@apply hover:text-gray-700 mr-4;
49+
}
50+
</style>

0 commit comments

Comments
 (0)