Merge pull request #229 from adyen-examples/nuxt3

Upgrade to Nuxt 3.12.4 and Vue 3.2.47

.github/workflows/build.yml

@@ -2,8 +2,9 @@ name: Node.js CI
 
 on:
   push:
-  pull_request:
-    branches: [ master ]
+    branches: [ main ]
+  pull_request_target:
+    branches: [ main ]
 
 jobs:
   build:

.gitignore

@@ -67,6 +67,8 @@ typings/
 
 # nuxt.js build output
 .nuxt
+_nuxt
+.output
 
 # Nuxt generate
 dist

.gitpod.yml

@@ -9,7 +9,7 @@ tasks:
 
 # exposed ports
 ports:
-- port: 8080
+- port: 3000
   onOpen: open-preview
   visibility: public
 

app.vue

@@ -0,0 +1,6 @@
+<template>
+  <Navbar />
+  <div class="main-container">
+    <NuxtPage />
+  </div>
+</template>

components/Navbar.vue

@@ -1,7 +1,7 @@
 <template>
   <header id="header">
     <nuxt-link to="/">
-      <img src="~/assets/images/mystore-logo.svg" alt="Mystore logo" />
+      <img src="~/public/images/mystore-logo.svg" alt="Mystore logo" />
     </nuxt-link>
   </header>
 </template>

nuxt.config.ts

@@ -0,0 +1,24 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  app: {
+    head: {
+      title: 'Checkout Demo'
+    }
+  },
+  runtimeConfig: {
+    adyenApiKey: process.env.ADYEN_API_KEY,
+    adyenMerchantAccount: process.env.ADYEN_MERCHANT_ACCOUNT,
+    adyenClientKey: process.env.ADYEN_CLIENT_KEY,
+    adyenHmacKey: process.env.ADYEN_HMAC_KEY,
+  },
+  css: ['~/public/css/main.css', '@adyen/adyen-web/dist/adyen.css'],
+  components: [
+    {
+      path: '~/components',
+      pathPrefix: false,
+    },
+  ],
+  compatibilityDate: '2024-04-03',
+  devtools: { enabled: true },
+  telemetry: false
+})