First Commit. Traduzione Home Page, voci del menu principale e alcune pagine minori. Aggiunta CONTRIBUTING v1.

Author: phox081

.vitepress/config.ts

@@ -11,18 +11,18 @@ const nav: ThemeConfig['nav'] = [
     text: 'Docs',
     activeMatch: `^/(guide|style-guide|cookbook|examples)/`,
     items: [
-      { text: 'Guide', link: '/guide/introduction' },
+      { text: 'Guida', link: '/guide/introduction' },
       { text: 'Tutorial', link: '/tutorial/' },
-      { text: 'Examples', link: '/examples/' },
+      { text: 'Esempi', link: '/examples/' },
       { text: 'Quick Start', link: '/guide/quick-start' },
       // { text: 'Style Guide', link: '/style-guide/' },
-      { text: 'Glossary', link: '/glossary/' },
+      { text: 'Glossario', link: '/glossary/' },
       {
         text: 'Vue 2 Docs',
         link: 'https://v2.vuejs.org'
       },
       {
-        text: 'Migration from Vue 2',
+        text: 'Migrare da Vue 2',
         link: 'https://v3-migration.vuejs.org/'
       }
     ]
@@ -37,32 +37,32 @@ const nav: ThemeConfig['nav'] = [
     link: 'https://play.vuejs.org'
   },
   {
-    text: 'Ecosystem',
+    text: 'Ecosistema',
     activeMatch: `^/ecosystem/`,
     items: [
       {
-        text: 'Resources',
+        text: 'Risorse',
         items: [
           { text: 'Partners', link: '/partners/' },
-          { text: 'Themes', link: '/ecosystem/themes' },
+          { text: 'Temi', link: '/ecosystem/themes' },
           {
-            text: 'Certification',
+            text: 'Certificazioni',
             link: 'https://certification.vuejs.org/?ref=vuejs-nav'
           },
           { text: 'Jobs', link: 'https://vuejobs.com/?ref=vuejs' },
           { text: 'T-Shirt Shop', link: 'https://vue.threadless.com/' }
         ]
       },
       {
-        text: 'Official Libraries',
+        text: 'Librerie Ufficiali',
         items: [
           { text: 'Vue Router', link: 'https://router.vuejs.org/' },
           { text: 'Pinia', link: 'https://pinia.vuejs.org/' },
           { text: 'Tooling Guide', link: '/guide/scaling-up/tooling.html' }
         ]
       },
       {
-        text: 'Video Courses',
+        text: 'Video-corsi',
         items: [
           {
             text: 'Vue Mastery',
@@ -75,25 +75,25 @@ const nav: ThemeConfig['nav'] = [
         ]
       },
       {
-        text: 'Help',
+        text: 'Aiuto',
         items: [
           {
-            text: 'Discord Chat',
+            text: 'Chat Discord',
             link: 'https://discord.com/invite/HBherRA'
           },
           {
-            text: 'GitHub Discussions',
+            text: 'Discussioni GitHub',
             link: 'https://github.com/vuejs/core/discussions'
           },
-          { text: 'DEV Community', link: 'https://dev.to/t/vue' }
+          { text: 'Comunità degli Sviluppatori', link: 'https://dev.to/t/vue' }
         ]
       },
       {
-        text: 'News',
+        text: 'Notizie',
         items: [
           { text: 'Blog', link: 'https://blog.vuejs.org/' },
           { text: 'Twitter', link: 'https://twitter.com/vuejs' },
-          { text: 'Events', link: 'https://events.vuejs.org/' },
+          { text: 'Eventi', link: 'https://events.vuejs.org/' },
           { text: 'Newsletters', link: '/ecosystem/newsletters' }
         ]
       }
@@ -110,9 +110,9 @@ const nav: ThemeConfig['nav'] = [
         text: 'Community Guide',
         link: '/about/community-guide'
       },
-      { text: 'Code of Conduct', link: '/about/coc' },
+      { text: 'Codice di condotta', link: '/about/coc' },
       {
-        text: 'The Documentary',
+        text: 'Il Documentario',
         link: 'https://www.youtube.com/watch?v=OrxmtDw4pVI'
       }
     ]
@@ -559,7 +559,7 @@ export const sidebar: ThemeConfig['sidebar'] = {
 export default defineConfigWithTheme<ThemeConfig>({
   extends: baseConfig,
 
-  lang: 'en-US',
+  lang: 'it-IT',
   title: 'Vue.js',
   description: 'Vue.js - The Progressive JavaScript Framework',
   srcDir: 'src',

.vitepress/theme/components/Home.vue

@@ -14,18 +14,18 @@ onMounted(async () => {
 <template>
   <section id="hero">
     <h1 class="tagline">
-      The
-      <span class="accent">Progressive</span>
-      <br />JavaScript Framework
+      Il 
+      Framework JavaScript
+      <br /><span class="accent">Progressivo</span>
     </h1>
     <p class="description">
-      An approachable, performant and versatile framework for building web
-      user interfaces.
+      Un framework accessibile, performante e versatile per la creazione di 
+      interfacce utente web.
     </p>
     <p class="actions">
       <VueMasteryModal />
       <a class="get-started" href="/guide/introduction.html">
-        Get Started
+        Inizia Subito
         <svg
           class="icon"
           xmlns="http://www.w3.org/2000/svg"
@@ -38,7 +38,7 @@ onMounted(async () => {
           />
         </svg>
       </a>
-      <a class="setup" href="/guide/quick-start.html">Install</a>
+      <a class="setup" href="/guide/quick-start.html">Installa</a>
     </p>
   </section>
 
@@ -69,32 +69,32 @@ onMounted(async () => {
 
   <section id="highlights" class="vt-box-container">
     <div class="vt-box">
-      <h2>Approachable</h2>
+      <h2>Accessibile</h2>
       <p>
-        Builds on top of standard HTML, CSS and JavaScript with intuitive
-        API and world-class documentation.
+        Si basa sui migliori standard HTML, CSS e JavaScript con una API intuitiva 
+         e una documentazione eccellente a livello mondiale.
       </p>
     </div>
     <div class="vt-box">
-      <h2>Performant</h2>
+      <h2>Performante</h2>
       <p>
-        Truly reactive, compiler-optimized rendering system that rarely
-        requires manual optimization.
+        Un sistema di rendering veramente reattivo, ottimizzato per la compilazione 
+        che raramente richiede interventi manuali.
       </p>
     </div>
     <div class="vt-box">
       <h2>Versatile</h2>
       <p>
-        A rich, incrementally adoptable ecosystem that scales between a
-        library and a full-featured framework.
+        Un ricco ecosistema utilizzabile in maniera incrementale, espandibile 
+        da una libreria a un framework completo di ogni funzionalità.
       </p>
     </div>
   </section>
 
   <section id="sponsors">
-    <h2>Platinum Sponsors</h2>
+    <h2>Sponsor Platinum</h2>
     <SponsorsGroup tier="platinum" placement="landing" />
-    <h2>Gold Sponsors</h2>
+    <h2>Sponsor Gold</h2>
     <SponsorsGroup tier="gold" placement="landing" />
   </section>
 

.vitepress/theme/components/PreferenceSwitch.vue

@@ -69,7 +69,7 @@ function useToggleFn(
       @mousedown="removeOutline"
       @blur="restoreOutline"
     >
-      <span>API Preference</span>
+      <span>Preferenze API</span>
       <VTIconChevronDown class="vt-link-icon" :class="{ open: isOpen }" />
     </button>
     <div id="preference-switches" :hidden="!isOpen" :aria-hidden="!isOpen">

.vitepress/theme/components/PreferenceTooltip.vue

@@ -99,30 +99,30 @@ function dismiss() {
   <Transition name="fly-in">
     <div class="preference-tooltip" v-if="show">
       <template v-if="source === 'default'">
-        <p>API style now defaults to Composition API.</p>
+        <p>Lo stile API predefinito ora è Composition API.</p>
         <p>
-          Some pages contain different content based on the API style
-          chosen. Use this switch to toggle between APIs styles.
+          Alcune pagine contengono contenuti diversi in base allo stile API
+          scelto. Usa questo interruttore per alternare gli stili API.
         </p>
       </template>
       <template v-if="source && source.startsWith('url')">
         <p>
-          Showing content for
-          {{ preferComposition ? 'Composition' : 'Options' }} API because
+          Contenuti mostrati per
+          {{ preferComposition ? 'Composition' : 'Options' }} API perché
           {{
             source === 'url-query'
-              ? 'it is specified by the URL query.'
-              : 'the target section is only available for that API.'
+              ? 'è specificato dalla URL query.'
+              : 'la sezione richiesta è disponibile solo per quell\'API.'
           }}
         </p>
         <p>
-          This is different from your saved preference and will only affect
-          the current browsing session.
+          Le tue preferenze salvate sono diverse da queste impostazioni ciò 
+          influenzerà solo la sessione di navigazione corrente.
         </p>
       </template>
       <p class="actions">
-        <a href="/guide/introduction#api-styles">Learn more</a>
-        <button @click="dismiss">Got it</button>
+        <a href="/guide/introduction#api-styles">Scopri di più</a>
+        <button @click="dismiss">Ho capito</button>
       </p>
       <div class="arrow-top"></div>
       <div class="arrow-top inner"></div>

.vitepress/theme/components/VueMasteryModal.vue

@@ -28,12 +28,12 @@ watch(
       viewBox="0 0 100 125"
       fill="#FFFFFF"
     >
-      <title id="simpleicons-play-icon" lang="en">Play icon</title>
+      <title id="simpleicons-play-icon" lang="it">Icona Play</title>
       <path
         d="M50,3.8C24.5,3.8,3.8,24.5,3.8,50S24.5,96.2,50,96.2S96.2,75.5,96.2,50S75.5,3.8,50,3.8z M71.2,53.3l-30.8,18  c-0.6,0.4-1.3,0.5-1.9,0.5c-0.6,0-1.3-0.1-1.9-0.5c-1.2-0.6-1.9-1.9-1.9-3.3V32c0-1.4,0.8-2.7,1.9-3.3c1.2-0.6,2.7-0.6,3.8,0  l30.8,18c1.2,0.6,1.9,1.9,1.9,3.3S72.3,52.7,71.2,53.3z"
       ></path>
     </svg>
-    Why Vue
+    Perché Vue
   </a>
   <Teleport v-if="showWhyVue" to="body">
     <div
@@ -65,22 +65,22 @@ watch(
 
           <div class="vuemastery-modal-footer">
             <p class="vuemastery-modal-footer-text">
-              Video by
+              Video a cura di
               <a
                 href="https://www.vuemastery.com"
                 target="_blank"
                 rel="sponsored noopener"
                 title="Vue.js Courses on Vue Mastery"
               >
                 Vue Mastery.</a
-              > Watch Vue Mastery’s free
+              > Guarda il corso gratuito di Vue Mastery per una
               <a
                 href="https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3"
                 target="_blank"
                 rel="sponsored noopener"
                 title="Vue.js Courses on Vue Mastery"
               >
-                Intro to Vue course.</a
+                Introduzione a Vue.</a
               >
             </p>
           </div>

CONTRIBUTING.md

@@ -0,0 +1,85 @@
+## Istruzioni per contribuire
+
+Grazie per prendere visione della `Guida alla scrittura`. Lo scopo della guida è quello di aiutarti a capire come formulare le frasi in modo da rendere la lettura più semplice e fluida.
+
+### Glossario
+
+È necessario utilizzare un glossario per uniformare le traduzioni.
+I termini tecnici non devono essere tradotti.
+In caso di dubbi, consulta il `glossario` [INSERT-LINK-HERE]().
+
+Se un termine ti crea problemi (perché è troppo ambiguo), apri una `discussione` sul Termine/Frase per prendere una decisione di comune accordo.
+
+### Condivisione del lavoro di traduzione
+
+Tutto il lavoro di traduzione è guidato dalla discussione (issue) `Monitoraggio della traduzione` [INSERT-LINK-HERE](), che elenca tutte le pagine da tradurre con il loro stato (con un `issue` collegato e il suo stato).
+Un issue collegato 'aperto' e 'non assegnato' può essere considerato aperto per contributi e può essere preso in carico da chiunque: puoi assegnartelo o lasciare un commento per la presa in carico.
+A volte un issue 'aperto' potrebbe essere 'in corso di traduzione' se c'è una `PR collegata`. Questa può essere una buona occasione per fare una revisione della PR.
+
+`Come Contributor`, se una pagina non ha un issue collegato, puoi crearlo dalla lista.
+
+Crea un issue da un'opzione di controllo** [SPIEGARE_MEGLIO]
+> Quando passi il mouse sulla riga, clicca sul cerchio.
+
+Inserisci ulteriori informazioni se necessario.
+
+*`Se non sei un Contributor`, puoi creare un issue e menzionare un Contributor per aggiornare il monitoraggio.*
+**Vuoi diventare un Contributor?** Contattami o rispondi nella discussione [Italian Translation](https://github.com/vuejs-translations/guidelines/discussions/23)
+
+### Contribuire al progetto (dalla A alla Z)
+
+> **Nota**
+È necessario mantenere lo stesso numero di righe tra il file originale e il file tradotto e assicurarsi che ogni numero di riga originale corrisponda al suo numero di riga tradotto.
+Ciò ci consentirà di seguire più facilmente le parti di testo che in futuro saranno modificate e di avere versioni riga per riga EN/IT concordanti nelle nostre richieste di pull - così da rendere più semplici le revisioni.
+
+#### Passaggi
+
+1.**Informare**
+
+Comunica qui che intendi tradurre una pagina. Modifica il primo post e cambia lo stato nell'elenco se hai i permessi.
+
+2.**Fare un fork** (se non sei un contributor)
+
+Fai un fork del repository `https://github.com/phox081/docs-it` (questo repository) verso `{your-username}/docs-it` (il tuo).
+
+3.**Creare un branch**
+
+Crea un nuovo ramo {branch} dedicato specificamente alla modifica del tuo file (cf. [Condivisione del lavoro di traduzione](#condivisione-del-lavoro-di-traduzione)).
+
+4.**Iniziare la traduzione**
+
+Inizia a tradurre il tuo file per poter effettuare almeno un primo commit.
+
+5.**Creare una pull request**
+
+Crea una PR {Pull Request} (dal tuo ramo di fork  `{your-username}/docs-it:{branch}` se non sei in contributor) completando la descrizione precompilata verso il ramo principale del repository.
+Se il tuo lavoro è lungo, puoi utilizzare lo stato `draft` per segnalare che la tua PR è in `Work in Progress`.
+
+> **Nota**
+> La PR può essere considerata pronta quando tutte le checkbox saranno spuntate
+
+6. **Richiedere revisioni**
+
+Quando la tua traduzione è abbastanza matura per una revisione, assegna dei revisori (probabilmente puoi chiedere a coloro che ti hanno aiutato durante la traduzione) per far sapere loro che possono dedicare più tempo alla revisione approfondita del tuo lavoro.
+
+7. **Cicli di revisioni e modifiche**
+
+Così come hai continuamente aggiornato la tua traduzione con nuovi commit prima della revisione, adesso apporta modifiche in base alle osservazioni ricevute durante la revisione per perfezionare il tuo lavoro, sempre tramite nuovi commit. È consigliato coinvolgere almeno 3 revisori.
+
+8. **Fare un Merge**
+
+Una volta che tutto è in ordine e tutte le revisioni sono approvate, il tuo lavoro potrà essere integrato nella traduzione italiana di Vue.
+Se sei un contributor, potrai procedere al merge della tua stessa PR. Altrimenti, qualcuno se ne occuperà.
+
+
+### Diventare un Contributor della traduzione italiana
+
+Essere un Contributor semplifica il processo e permette di evitare i fork lavorando direttamente sui branch. Unisciti al team di traduzione scrivendo: [Italian Translation](https://github.com/vuejs-translations/guidelines/discussions/23). Per i contributor il canale Discord: [vue-doc-it-translation](https://discord.com/channels/486549696584876033/1135155463411998770)
+
+### Estensioni VS Code
+
+Utilizza le seguenti estensioni per evitare errori ortografici:
+
+- streetsidesoftware.code-spell-checker
+- streetsidesoftware.code-spell-checker-italian
+> "cSpell.language": "en,it",