@dargmuesli/nuxt-vio 3.7.0 → 3.8.0

package/components/vio/_/VioApp.vue

@@ -23,7 +23,6 @@ const siteDescriptionProp = toRef(() => props.siteDescription)
 const { $dayjs } = useNuxtApp()
 const { locale } = useI18n()
 const cookieControl = useCookieControl()
-const siteConfig = useSiteConfig()
 
 const { loadingIds, indicateLoadingDone } = useLoadingDoneIndicator('app')
 
@@ -68,7 +67,6 @@ updateSiteConfig({
 defineOgImage({
   alt: ogImageAltProp.value,
   component: ogImageComponentProp.value,
-  description: siteDescriptionProp.value,
 })
 useAppLayout()
 useFavicons()
@@ -76,10 +74,7 @@ usePolyfills()
 useSchemaOrg([
   defineWebSite({
     description: siteDescriptionProp,
-    inLanguage: locale,
-    name: siteConfig.name,
   }),
-  defineWebPage(),
 ])
 init()
 </script>

package/composables/useHeadDefault.ts

@@ -11,6 +11,7 @@ export const useHeadDefault = ({
   const attrs = useAttrs()
 
   const defaults: Parameters<typeof useServerSeoMeta>[0] = {
+    description: attrs['site-description'] as string, // TODO: remove (https://github.com/harlan-zw/nuxt-site-config/pull/7)
     msapplicationConfig: `/assets/static/favicon/browserconfig.xml?v=${CACHE_VERSION}`,
     title,
     twitterDescription: attrs['site-description'] as string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "3.7.0",
+  "version": "3.8.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -8,7 +8,7 @@
   "engines": {
     "node": "20"
   },
-  "packageManager": "pnpm@8.7.4",
+  "packageManager": "pnpm@8.7.5",
   "files": [
     "assets",
     "components",
@@ -25,6 +25,7 @@
     "error.vue",
     "i18n.config.ts",
     "nuxt.config.ts",
+    "playwright.config.ts",
     "tailwind.config.ts"
   ],
   "main": "nuxt.config.ts",
@@ -41,7 +42,7 @@
     "prepare": "nuxt prepare .playground",
     "preview": "nuxt preview .playground",
     "start": "PORT=3001 node .playground/.output/server/index.mjs",
-    "test:e2e:dev": "cross-env NUXT_PUBLIC_VIO_IS_TESTING=1 pnpm test:e2e",
+    "test:e2e:dev": "pnpm test:e2e",
     "test:e2e:docker:br": "pnpm test:e2e:docker:build && pnpm test:e2e:docker:run",
     "test:e2e:docker:build": "docker build -t test-e2e_base --build-arg UID=$(id -u) --build-arg GID=$(id -g) --target test-e2e_base ..",
     "test:e2e:docker:dev:update": "pnpm test:e2e:docker:dev --update-snapshots",
@@ -49,7 +50,7 @@
     "test:e2e:docker:prod:update": "pnpm test:e2e:docker:prod --update-snapshots",
     "test:e2e:docker:prod": "pnpm test:e2e:docker:br pnpm --dir src run test:e2e:prod",
     "test:e2e:docker:run": "docker run --rm -v \"$PWD/..:/srv/app\" -v \"$(pnpm store path):/srv/.pnpm-store\" test-e2e_base",
-    "test:e2e:prod": "cross-env NUXT_PUBLIC_VIO_IS_TESTING=1 NODE_ENV=production pnpm test:e2e",
+    "test:e2e:prod": "cross-env NODE_ENV=production pnpm test:e2e",
     "test:e2e": "playwright test"
   },
   "dependencies": {
@@ -76,6 +77,7 @@
     "@vuelidate/validators": "2.0.4",
     "clipboard": "2.0.11",
     "cookie": "0.5.0",
+    "cross-env": "7.0.3",
     "dayjs": "2.0.0-alpha.4",
     "is-https": "4.0.0",
     "jiti": "1.20.0",
@@ -89,7 +91,6 @@
   "devDependencies": {
     "@intlify/eslint-plugin-vue-i18n": "3.0.0-next.3",
     "@nuxtjs/eslint-config-typescript": "12.1.0",
-    "cross-env": "7.0.3",
     "eslint": "8.49.0",
     "eslint-config-prettier": "9.0.0",
     "eslint-plugin-compat": "4.2.0",

package/playwright.config.ts

@@ -0,0 +1,97 @@
+import { defineConfig, devices } from '@playwright/test'
+import { BASE_URL } from './utils/constants'
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  expect: {
+    toHaveScreenshot: {
+      maxDiffPixelRatio: 0.01,
+    },
+  },
+
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+
+  outputDir: 'tests/e2e/results',
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ..devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: [['html', { outputFolder: 'tests/e2e/report' }]],
+
+  /* Retry on CI only */
+  retries: process.env.CI ? 1 : 0,
+
+  testDir: './tests/e2e/specs',
+
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: BASE_URL,
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command:
+      process.env.NODE_ENV === 'production' ? 'pnpm run start' : 'pnpm run dev',
+    env: {
+      NUXT_PUBLIC_VIO_IS_TESTING: 'true',
+    },
+    timeout: process.env.NODE_ENV === 'production' ? 10000 : 100000,
+    url: BASE_URL,
+    reuseExistingServer: !process.env.CI,
+  },
+
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+})

package/utils/constants.ts

@@ -7,9 +7,9 @@ export const BASE_URL =
   '://' +
   (process.env.NUXT_PUBLIC_HOST ||
     `${process.env.HOST || 'localhost'}:${
-      !process.env.NODE_ENV || process.env.NODE_ENV === 'development'
-        ? '3000'
-        : '3001'
+      process.env.PORT || process.env.NODE_ENV === 'production'
+        ? '3001'
+        : '3000'
     }`)
 export const CACHE_VERSION = 'bOXMwoKlJr'
 export const COOKIE_PREFIX = SITE_NAME.toLocaleLowerCase()