vuejsita / vuejsita.github.io

Il Vuebsait ufficiale della community Italiana di @vuejs: il framework JavaScript progressivo.

Vue.js Italia - Vuebsait

Il Vuebsait ufficiale della community Italiana di Vue.js: il framework JavaScript progressivo.

Look at the Nuxt 3 documentation to learn more.
Look at the Content documentation to learn more.

Prerequisites

Make sure to have Node.js installed on your system.

Package Manager

Enable pnpm as the package manager for the project:

corepack enable pnpm

Setup

Make sure to install the dependencies:

pnpm install

Development Server

Start the development server on http://localhost:3000:

pnpm run dev

Production

Build the application for production:

pnpm run build

Locally preview production build:

pnpm run preview

Check out the deployment documentation for more information.

vuejsita.github.io's Issues

Allineare i colori della pagina / link con quelli di Vue.js

Sostituire il logo di Tailwind con il logo di Vue.js Italia

Qui l'attuale logo in formato .png.

Errore su `yarn generate`

Appunto qui poi indagherò ulteriormente...
Se avete avuto esperienza a riguardo, fatemi sapere.

$ nuxi generate
Nuxt 3.10.2 with Nitro 2.8.1                                                                                                                                                                       10:46:53 AM
ℹ Using Nitro server preset: static                                                                                                                                                               10:46:53 AM
ℹ Using default Tailwind CSS file                                                                                                                                                nuxt:tailwindcss 10:46:54 AM
ℹ Building client...                                                                                                                                                                              10:46:56 AM
ℹ vite v5.1.1 building for production...                                                                                                                                                          10:46:56 AM
transforming (193) node_modules/@vue/devtools-api/lib/esm/index.jsnode_modules/nuxt-icon/dist/runtime/Icon.vue:11:19 - error TS2352: Conversion of type 'AppConfig' to type '{ nuxtIcon: { size?: string | undefined; class?: string | undefined; aliases?: Record<string, string> | undefined; iconifyApiOptions?: { url?: string | undefined; publicApiFallback?: boolean | undefined; } | undefined; }; }' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
  Property 'nuxtIcon' is missing in type 'AppConfig' but required in type '{ nuxtIcon: { size?: string | undefined; class?: string | undefined; aliases?: Record<string, string> | undefined; iconifyApiOptions?: { url?: string | undefined; publicApiFallback?: boolean | undefined; } | undefined; }; }'.

 11 const appConfig = useAppConfig() as {
                      ~~~~~~~~~~~~~~~~~~~
 12   nuxtIcon: {
    ~~~~~~~~~~~~~
...
 20   }
    ~~~
 21 }
    ~

  node_modules/nuxt-icon/dist/runtime/Icon.vue:12:3
    12   nuxtIcon: {
         ~~~~~~~~
    'nuxtIcon' is declared here.

node_modules/nuxt-icon/dist/runtime/IconCSS.vue:6:19 - error TS2352: Conversion of type 'AppConfig' to type '{ nuxtIcon: { size?: string | undefined; class?: string | undefined; aliases?: Record<string, string> | undefined; iconifyApiOptions?: { url?: string | undefined; publicApiFallback?: boolean | undefined; } | undefined; }; }' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
  Property 'nuxtIcon' is missing in type 'AppConfig' but required in type '{ nuxtIcon: { size?: string | undefined; class?: string | undefined; aliases?: Record<string, string> | undefined; iconifyApiOptions?: { url?: string | undefined; publicApiFallback?: boolean | undefined; } | undefined; }; }'.

  6 const appConfig = useAppConfig() as {
                      ~~~~~~~~~~~~~~~~~~~
  7   nuxtIcon: {
    ~~~~~~~~~~~~~
...
 15   }
    ~~~
 16 }
    ~

  node_modules/nuxt-icon/dist/runtime/IconCSS.vue:7:3
    7   nuxtIcon: {
        ~~~~~~~~
    'nuxtIcon' is declared here.


Found 2 errors in 2 files.

Errors  Files
     1  node_modules/nuxt-icon/dist/runtime/Icon.vue:11
     1  node_modules/nuxt-icon/dist/runtime/IconCSS.vue:6
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Integrare i18n

Integrare una libreria / plugin per Vue.js per l'internazionalizzazione del sito.

Per quanto il sito sia dedicato alla community Italiana di Vue.js, potrebbe non essere una brutta idea prevedere il multi-lingua.
A prescindere dalla sua effettiva utilità, potrebbe esser un esercizio / esempio utile per tutta la community.

Aggiungere il `<title>` alla pagina

Integrare servizio di Analytics

Integrerei un servizio di Analytics open-source e/o che non tracci dati personali dell'utente...
Sicuramente non Google Analytics, direi...

Alcune proposte:

• https://www.goatcounter.com/ - gratuito (proposto da @jfet97)
• https://umami.is/ - gratuito fino a 10k hits/month

Realizzare Landing Page

Realizzare la home page del sito.

Dovrà fungere -in questa fase- da semplice landing page, con un aspetto accattivante e una semplice CtA che rimandi al canale Telegram (https://t.me/vue_ita).
Proporrei -inoltre- di aggiungere altri link / bottoni social che rimandino alle altre pagine social di Vue.js Italia:

• Facebook: https://www.facebook.com/groups/997145120352550/
• GitHub: https://github.com/vuejsita/
• LinkedIn: https://www.linkedin.com/company/vuejsita/ ^[1]
• YouTube: https://www.youtube.com/@vuejsita ^[1]
• Twitter: https://twitter.com/vuejsita ^[1]

Piccola considerazione:

• Aggiungiamo anche un link alla documentazione ufficiale di Vue.js in Italiano (https://it.vuejs.org/)?

---

1. Al momento, pagina non attiva; da definire se aggiungere il link fin da subito.

Realizzare sezione "Community"

La sezione "Community" presenterà un elenco delle varie community locali di Vue.js presenti in Italia.

Cambiare il workflow di release

Anziché pubblicare ad ogni nuova release, avviare il workflow sul merge in main.