merge: Merge pull request #49 from vuejsita/develop

[v2] Nuovo rilascio

.github/dependabot.yml

@@ -0,0 +1,12 @@
+# To get started with Dependabot version updates, you'll need to specify which
+#  package ecosystems to update and where the package manifests are located.
+#
+# Please see the documentation for all configuration options:
+#  https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
+
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"

.github/workflows/publish.yml

@@ -15,23 +15,27 @@ jobs:
     steps:
       - name: Cloning source code
         uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v3
+        with:
+          version: latest
+
       - name: Configuring Node.js 20 (LTS)
         uses: actions/setup-node@v4
         with:
-          cache: yarn
+          cache: pnpm
           node-version: 20
 
       - name: Installing dependencies
-        run: yarn install --frozen-lockfile
+        run: pnpm install --frozen-lockfile
       - name: Linting the source code
-        run: yarn lint
+        run: pnpm lint
         env:
           NODE_ENV: production
 
       - name: Checking type consistency
-        run: yarn typecheck
+        run: pnpm typecheck
       - name: Building the source code
-        run: yarn generate
+        run: pnpm generate
       - name: Uploading the artifact
         uses: actions/upload-artifact@v4
         with:

.husky/pre-commit

@@ -1,2 +1,2 @@
-NODE_ENV="production" yarn lint
-yarn typecheck
+NODE_ENV="production" pnpm lint
+pnpm typecheck

README.md

@@ -1,77 +1,50 @@
 # Vue.js Italia - Vuebsait
 
-Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+Il Vuebsait ufficiale della community Italiana di [**Vue.js**](https://vuejs.org/): il framework JavaScript progressivo.
 
-Look at the [Content documentation](https://content.nuxt.com/) to learn more.
+Look at the [**Nuxt 3 documentation**](https://nuxt.com/docs/getting-started/introduction) to learn more.  
+Look at the [**Content documentation**](https://content.nuxt.com/) to learn more.
 
-## Setup
+## Prerequisites
 
-Make sure to install the dependencies:
+Make sure to have [**Node.js**](https://nodejs.org/) installed on your system.
+
+## Package Manager
+
+Enable [`pnpm`](https://pnpm.io/) as the package manager for the project:
 
 ```bash
-# npm
-npm install
+corepack enable pnpm
+```
 
-# pnpm
-pnpm install
+## Setup
 
-# yarn
-yarn install
+Make sure to install the dependencies:
 
-# bun
-bun install
+```bash
+pnpm install
 ```
 
 ## Development Server
 
 Start the development server on `http://localhost:3000`:
 
 ```bash
-# npm
-npm run dev
-
-# pnpm
 pnpm run dev
-
-# yarn
-yarn dev
-
-# bun
-bun run dev
 ```
 
 ## Production
 
 Build the application for production:
 
 ```bash
-# npm
-npm run build
-
-# pnpm
 pnpm run build
-
-# yarn
-yarn build
-
-# bun
-bun run build
 ```
 
 Locally preview production build:
 
 ```bash
-# npm
-npm run preview
-
-# pnpm
 pnpm run preview
-
-# yarn
-yarn preview
-
-# bun
-bun run preview
 ```
 
 Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.config.ts

@@ -1,3 +1,7 @@
 export default defineAppConfig({
-  nuxtIcon: { }
+  nuxtIcon: { },
+  umami: {
+    id: "e6c84217-df5c-4e4d-9cf3-e7d1b2267a8d",
+    version: 2
+  }
 });

components/NavbarHeader.vue

@@ -12,8 +12,10 @@
           <span class="sr-only">Vue.js Italia</span>
           <img
             class="h-8 w-auto"
-            src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600"
-            alt="TailwindUI logo"
+            width="40"
+            height="40"
+            src="/logo-vue.png"
+            alt="Vuejs Developer Italia Logo"
           >
         </NuxtLink>
       </div>

nuxt.config.ts

@@ -1,9 +1,13 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  app: {
+    head: {
+      title: "Vue.js Italia",
+      link: [{ rel: "icon", type: "image/png", href: "/favicon.png" }],
+    },
+  },
   devtools: { enabled: true },
-  modules: [
-    '@nuxt/content',
-    '@nuxt/ui'
-  ],
+  extends: [ "nuxt-umami" ],
+  modules: ["@nuxt/content", "@nuxt/ui"],
   typescript: { typeCheck: true }
 })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuejs-italia/vuebsait",
-  "version": "1.0.0-dev.1",
+  "version": "1.0.0-rc.2",
   "description": "Il Vuebsait ufficiale della community Italiana di Vue.js: il framework JavaScript progressivo.",
   "keywords": [
     "Vue.js",
@@ -36,19 +36,20 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@nuxt/content": "^2.12.0",
-    "nuxt": "^3.10.2",
-    "vue": "^3.4.19"
+    "@nuxt/content": "^2.12.1",
+    "nuxt": "^3.10.3",
+    "nuxt-umami": "^2.6.0",
+    "vue": "^3.4.21"
   },
   "devDependencies": {
     "@heroicons/vue": "^2.1.1",
     "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/ui": "^2.13.0",
-    "eslint": "^8.56.0",
+    "@nuxt/ui": "^2.14.2",
+    "eslint": "^8.57.0",
     "husky": "^9.0.11",
     "nuxi": "^3.10.1",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.4",
+    "typescript": "^5.4.2",
+    "vite": "^5.1.6",
     "vue-tsc": "^1.8.27"
   },
   "private": true

pages/index.vue

@@ -11,7 +11,7 @@
       >
         <div
           id="hero__halo--top"
-          class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
+          class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#42b883] to-[#42b883] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
         />
       </div>
       <div>
@@ -72,7 +72,7 @@
       >
         <div
           id="hero__halo--bottom"
-          class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
+          class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#42b883] to-[#42b883] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
         />
       </div>
     </main>