Popravki prevodov (linki, nekaj napisov, ...)

nuxt/components/Glava.vue

@@ -3,7 +3,8 @@
 const route = useRoute()
 
 const pot = computed(() => route.path)
-const naManifestu = computed(() => route.path.indexOf('/manifest') === 0)
+const naManifestu = computed(() => route.name.indexOf('manifest') === 0
+                            || route.name.indexOf('pojem') === 0)
 
 const { baseUrl } = useRuntimeConfig().public
 
@@ -13,17 +14,19 @@ const { baseUrl } = useRuntimeConfig().public
   <section class="glava" :class="{ manifest: naManifestu }">
     <ul class="meni">
       <li>
-        <NuxtLink to="/">
+        <NuxtLink :to="localePath('index')">
           {{ $t('domov') }}
         </NuxtLink>
       </li>
       <li>
-        <NuxtLink to="/manifest">
+        <NuxtLink :to="localePath('manifest')">
-          Manifest
+          {{ $t('manifest') }}
         </NuxtLink>
       </li>
       <li>
+        <a @click.prevent>
           <IzborJezika />
+        </a>
       </li>
       <li>
         <NuxtLink :to="baseUrl + '/user'" class="posivljen" target="_blank">
@@ -34,7 +37,7 @@ const { baseUrl } = useRuntimeConfig().public
 
     <img src="/images/zvezda.png">
 
-    <h1 v-if="naManifestu">MANIFEST</h1>
+    <h1 v-if="naManifestu">{{ $t('manifest') }}</h1>
     <h1 v-else>{{ $t('jugofuturizem') }}</h1>
   </section>
 </template>
@@ -56,6 +59,7 @@ h1 {
   font-family: Trailers;
   font-size: 16rem;
   z-index: 50;
+  text-transform: uppercase;
 }
 
 @media screen and (max-width: 1090px) {
@@ -87,8 +91,6 @@ img {
   }
 }
 
-
-
 .meni {
   position: absolute;
   top: 0;

nuxt/components/IzborJezika.vue

@@ -17,7 +17,7 @@ const izbor = ref(false)
 
 <template>
   <div class="izbor">
-    <div @click="izbor = !izbor">
+    <div class="jezik" @click="izbor = !izbor">
       <img :src="slikaJezika(izbraniJezik)" /> {{ store.mozniJeziki[izbraniJezik] }}
     </div>
 
@@ -30,12 +30,23 @@ const izbor = ref(false)
 </template>
 
 <style>
+
 .izbor {
-  width: 7rem;
+  width: 10rem;
   cursor: pointer;
 }
-img {
+
-  position: relative;
+.jezik {
-  top: 5px;
+  display: flex;
+  align-items: center;
 }
+
+.drugiJeziki > div {
+  margin-top: 5px;
+}
+
+img {
+  margin-right: 5px;
+}
+
 </style>

nuxt/components/Pojem.vue

@@ -9,15 +9,16 @@ const store = usePojmiStore()
 const nastavitveStore = useNastavitveStore()
 const route = useRoute()
 
+const { izbraniJezik } = storeToRefs(nastavitveStore)
+
 const props = defineProps({
   naslov: String
 })
 
 if (props.naslov && !(props.naslov in store.pojmi)) {
-  await store.naloziPojme()
+  await store.naloziPojme(izbraniJezik.value)
 }
 
-const { izbraniJezik } = storeToRefs(nastavitveStore)
 watch(izbraniJezik, jezik => {
   store.naloziPojme(jezik)
 })

nuxt/composables/ui.js

@@ -3,7 +3,6 @@
 export const useUi = () => ({
   poskrolaj: (sekcija, timeout = 50) => {
     setTimeout(() => {
-      console.log('UI SKROL!', sekcija)
       if (sekcija && sekcija.scrollIntoView) {
         sekcija.scrollIntoView({ behavior: 'smooth' })
       }

nuxt/lang/en.json

@@ -1,6 +1,7 @@
 {
   "domov": "home",
   "jugofuturizem": "yugofuturism",
+  "manifest": "manifesto",
   "Nazaj": "Back",
   "Vsak lahko prispeva k vsebinam manifesta. Predlaga lahko nov pojem ali ureja, dopolni ali predela obstoječe.": "Anyone can add content to the manifesto. You can suggest a new concept or edit, amend or adjust an existing one.",
   "Dodaj nov pojem": "Add new concept"

nuxt/nuxt.config.js

@@ -42,15 +42,15 @@ export default defineNuxtConfig({
   hooks: {
     'pages:extend' (pages) {
       pages.push({
-        name: 'poglej_pojem',
+        name: 'pojem_poglej',
         path: '/manifest/:naslov',
         file: '~/pages/manifest/pojem.vue'
       }, {
-        name: 'uredi_pojem',
+        name: 'pojem_uredi',
         path: '/manifest/:naslov/uredi/:guid',
         file: '~/pages/manifest/pojem.vue'
       }, {
-        name: 'nov_pojem_guid',
+        name: 'pojem_dodaj',
         path: '/manifest/dodaj/:guid',
         file: '~/pages/manifest/dodaj.vue'
       })

nuxt/pages/index.vue

@@ -8,7 +8,7 @@ const { izbraniJezik } = storeToRefs(nastavitveStore)
 const stran = computed(() => store.strani['YuFu'])
 useHead({meta: [{title: "jugofuturizem"}]})
 
-await store.naloziStrani()
+await store.naloziStrani(izbraniJezik.value)
 
 watch(izbraniJezik, jezik => {
   store.naloziStrani(jezik)

nuxt/pages/manifest/index.vue

@@ -18,13 +18,13 @@ onMounted(() => {
 
 <template>
   <h3 class="navodila" ref="navodila">{{ $t('Vsak lahko prispeva k vsebinam manifesta. Predlaga lahko nov pojem ali ureja, dopolni ali predela obstoječe.') }}</h3>
-  <NuxtLink class="gumb" to="/manifest/dodaj">
+  <NuxtLink class="gumb" :to="localePath('pojem_dodaj')">
     {{ $t('Dodaj nov pojem') }}
   </NuxtLink>
   <NuxtLink
     v-for="pojem in Object.keys(store.pojmi)"
     :naslov="pojem"
-    :to="`/manifest/${encodeURIComponent(pojem)}`"
+    :to="localePath('poglej_pojem', encodeURIComponent(pojem))"
     class="okvir">
     <h2>{{ pojem }}</h2>
   </NuxtLink>

nuxt/pages/manifest/pojem.vue

@@ -20,11 +20,17 @@ const resp = await $fetch(`${etherpadApiUrl}/createPad?padID=${padId}`)
     <Pojem :naslov="naslov" />
   </div>
 
-  <NuxtLink class="gumb" to="/manifest#skrol">
+  <NuxtLink class="gumb" :to="localePath('manifest') + '#skrol'">
-    Manifest
+    {{ $t('manifest') }}
   </NuxtLink>
 
   <br>
   <br>
 
 </template>
+
+<style>
+  a {
+    text-transform: capitalize;
+  }
+</style>