vinet/viossa.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

feat: add Viossa i18n

Browse source
This commit is contained in:
Sheldon Cooper 2025-06-05 23:59:46 -04:00
parent ddac56a693
commit 8ecc528634
7 changed files with 87 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="en" class="has-navbar-fixed-top"> <html lang="en" class="has-background-black has-navbar-fixed-top">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/viossa_circle.svg"/> <link rel="icon" type="image/svg+xml" href="/viossa_circle.svg"/>
@ -8,7 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Viossa.net</title> <title>Viossa.net</title>
</head> </head>
<body class="has-background-black"> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>

44
src/components/molecules/LearningResourceWrapper.vue
View file

@ -1,20 +1,39 @@
<template> <template>
<div class="box columns is-vcentered"> <div class="box columns is-vcentered is-gap-4">
<div class="column is-one-quarter" v-if="image"> <div class="column is-one-quarter" v-if="image">
<figure class="image"> <figure class="image">
<img :src="image" :alt="alt" :title="alt"/> <img :src="image" :alt="alt" :title="alt" />
</figure> </figure>
</div> </div>
<div class="column"> <div class="column">
<h4 class="title">{{ title }}</h4> <h4 class="title">{{ title }}</h4>
<p class="">{{ desc }}</p> <p class="subtitle">{{ subtitle }}</p>
<a <p class="content">{{ desc }}</p>
:href="link"
target="_blank" <div class="level">
rel="noopener noreferrer nofollow" <a :href="link"
class="button is-link is-medium" target="_blank"
:text="linkText"> rel="noopener noreferrer nofollow"
</a> class="button is-primary is-medium"
:text="joinText">
</a>
<a :href="link"
target="_blank"
rel="noopener noreferrer nofollow"
class="button is-info is-outlined is-medium"
:text="rulesText">
</a>
<a :href="link"
target="_blank"
rel="noopener noreferrer nofollow"
class="button is-warning is-outlined is-medium"
:text="rulesText">
</a>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -22,9 +41,12 @@
<script setup lang="ts"> <script setup lang="ts">
defineProps({ defineProps({
title: String, title: String,
subtitle: String,
desc: String, desc: String,
link: String, link: String,
linkText: String, rulesLink: String,
joinText: String,
rulesText: String,
image: { type: String, required: false }, image: { type: String, required: false },
alt: { type: String, required: false }, alt: { type: String, required: false },
}) })

5
src/components/pages/HomePage.vue
View file

@ -1,6 +1,5 @@
<template> <template>
<div class="min-h-screen flex flex-col"> <div>
<!-- Main application wrapper -->
<section class="hero is-primary"> <section class="hero is-primary">
<div class="hero-body"> <div class="hero-body">
<div class="title">BRÅTULA VIOSSA.NET MÅDE</div> <div class="title">BRÅTULA VIOSSA.NET MÅDE</div>
@ -8,7 +7,7 @@
</div> </div>
</section> </section>
<section class="section"> <section class="section container">
<HomeSectionWrapper <HomeSectionWrapper
v-for="(section, index) in sectionsWithImages" v-for="(section, index) in sectionsWithImages"
:key="index" :key="index"

12
src/components/pages/ResourcesPage.vue
View file

@ -1,20 +1,22 @@
<template> <template>
<div class="min-h-screen flex flex-col" style="gap: 4rem"> <div>
<!-- Main application wrapper -->
<section class="section"> <section class="section">
<h1 class="title">Learning Resources</h1> <h1 class="title">Learning Resources</h1>
</section> </section>
<section class="section"> <section class="section container">
<LearningResourceWrapper class="is-one-quarter" <LearningResourceWrapper
v-for="(resource, index) in resourcesWithImages" v-for="(resource, index) in resourcesWithImages"
:key="index" :key="index"
:title="resource.title" :title="resource.title"
:subtitle="resource.subtitle"
:desc="resource.desc" :desc="resource.desc"
:link="resource.link" :link="resource.link"
:rulesLink="resource.rulesLink"
:image="resource.image" :image="resource.image"
:alt="resource.alt" :alt="resource.alt"
:linkText="resource.linkText" :joinText="resource.joinText"
:rulesText="resource.rulesText"
/> />
</section> </section>
</div> </div>

8
src/i18n/index.ts
View file

@ -1,13 +1,15 @@
import { createI18n } from 'vue-i18n' import { createI18n } from 'vue-i18n'
import en_US from '../locales/en_US' import en_US from '../locales/en_US'
import vp_VL from '../locales/vp_VL'
import type { MessageSchema } from './types' import type { MessageSchema } from './types'
const i18n = createI18n<[MessageSchema], 'en_US'>({ const i18n = createI18n<[MessageSchema], 'en_US' | 'vp_VL'>({
legacy: false, legacy: false,
locale: 'en_US', locale: 'vp_VL',
fallbackLocale: 'en_US', fallbackLocale: 'en_US',
messages: { messages: {
en_US: en_US en_US,
vp_VL
} }
}) })

7
src/locales/en_US.ts
View file

@ -20,11 +20,14 @@ export default {
"resources": [ "resources": [
{ {
"title": "Discord Server", "title": "Discord Server",
"desc": "This is where most of the action happens! Hop on in!", "subtitle": "This is where most of the action happens! Hop on in!",
"desc": "Originally started in 2015 something something read the rules here, then click the link below to join!",
"link": "https://discord.gg/g3mG2gYjZD", "link": "https://discord.gg/g3mG2gYjZD",
"rulesLink": "https://discord.gg/g3mG2gYjZD",
"image": "discord.png", "image": "discord.png",
"alt": "Discord logo", "alt": "Discord logo",
"linkText": "Join" "joinText": "Join",
"rulesText": "Rules"
} }
] ]
} }

33
src/locales/vp_VL.ts Normal file
View file

@ -0,0 +1,33 @@
export default {
"sections": [
{
"title": "Kafaen afto Viossa",
"text": "Viossa tte glossa mahena grun vi nai vil fshtojena na bakadjin, grun vi svinnur ja! De aldjin zovti lera ne",
"image": "flakka.png",
"alt": "Flag of the Viossa Language"
},
{
"title": "History of Viossa",
"text": "Viossa began as a Skype group in 2014, created by members of the r/conlangs community on Reddit, as an experiment to simulate the formation of a pidgin language. Pidgins are simplified languages resulting from contact between populations with no shared common language. Unlike most pidgins, which usually have two to three contributor languages, Viossa comes from many diverse languages. This is because people from all around the world helped to contribute to Viossa's vocabulary.",
"image": "flakka.png",
"alt": "Flag of the Viossa Language"
},
{
"title": "Community",
"text": "The Viossa community is rich and colourful, drawing from many global traditions due to its worldwide online membership. Since the teaching culture puts an emphasis on linguistic immersion, and discourages prescriptivism, the culture of Viossa is as diverse and varied as the language and the people who speak it. For many, their personal dialect is a key form of identity and expression. The fluid nature of Viossa and lack of defined meanings makes Viossa popular for creative purposes, such as poetry and songwriting.",
}
],
"resources": [
{
"title": "Discord Server",
"subtitle": "This is where most of the action happens! Hop on in!",
"desc": "Originally started in 2015 something something read the rules here, then click the link below to join!",
"link": "https://discord.gg/g3mG2gYjZD",
"rulesLink": "https://discord.gg/g3mG2gYjZD",
"image": "discord.png",
"alt": "Discord logo",
"joinText": "Join",
"rulesText": "Rules"
}
]
}