feat: migrate from nuxt 3 beta to astro

.browserslistrc

@@ -0,0 +1,3 @@
+last 2 versions
+not dead
+> 0.2%

.editorconfig

@@ -2,6 +2,7 @@
 root = true
 
 [*]
+max_line_length = 100
 indent_style = space
 indent_size = 2
 end_of_line = lf

.env.example

@@ -1,6 +1,8 @@
-BASE_URL=https://berliner-schnauze.wtf
-BASE_API_URL=https://webshaped.de
-SENTRY_AUTH_TOKEN=''
-SENTRY_DNS=''
-SENTRY_ORG=''
-SENTRY_PROJECT=''
+# WP GraphQL API
+API_BASE=""
+# WP GraphQL API
+PUBLIC_WP_API=""
+# WP REST API
+PUBLIC_WP_REST_API=""
+# Enable or disable analytics
+ENABLE_ANALYTICS=false

.eslintrc.cjs

@@ -1,20 +1,55 @@
+/* eslint-env node */
 module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    node: true
-  },
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    parser: '@typescript-eslint/parser'
-  },
   extends: [
-    '@nuxtjs',
-    'plugin:nuxt/recommended',
-    '@nuxtjs/eslint-config-typescript'
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:astro/recommended",
+    "plugin:astro/jsx-a11y-recommended",
+    "plugin:vue/vue3-recommended",
+    "plugin:vuejs-accessibility/recommended",
+    "prettier",
+  ],
+  parser: "@typescript-eslint/parser",
+  plugins: ["@typescript-eslint"],
+  root: true,
+  overrides: [
+    {
+      // Define the configuration for `.astro` file.
+      files: ["*.astro"],
+      // Allows Astro components to be parsed.
+      parser: "astro-eslint-parser",
+      // Parse the script in `.astro` as TypeScript by adding the following configuration.
+      // It's the setting you need when using TypeScript.
+      parserOptions: {
+        parser: "@typescript-eslint/parser",
+        extraFileExtensions: [".astro"],
+      },
+      rules: {
+        // override/add rules settings here, such as:
+        // "astro/no-set-html-directive": "error"
+      },
+    },
+    {
+      files: ["*.vue"],
+      parser: "vue-eslint-parser",
+      parserOptions: {
+        parser: "@typescript-eslint/parser",
+        extraFileExtensions: [".vue"],
+      },
+      rules: {
+        "vuejs-accessibility/label-has-for": [
+          "error",
+          {
+            components: ["VLabel"],
+            controlComponents: ["VInput"],
+            required: {
+              every: ["id"],
+            },
+            allowChildren: false,
+          },
+        ],
+      },
+    },
   ],
-  plugins: [],
-  rules: {
-    '@typescript-eslint/no-unused-vars': 'warn'
-  }
-}
+  rules: {},
+};

.gitignore

@@ -1,9 +1,33 @@
-node_modules
-*.log*
-.nuxt
-.nitro
-.cache
-.output
+# build output
+dist/
+dev-dist/
+.astro
+
+# test output
+coverage
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+
+# environment variables
 .env
-dist
+.env.production
+.env.development
+
+# macOS-specific files
 .DS_Store
+
+# Windows specific files
+.
+
+.idea
+/test-results/
+/playwright-report/
+/playwright/.cache/

.graphqlrc.ts

@@ -0,0 +1,17 @@
+import type { IGraphQLConfig } from "graphql-config";
+
+const config: IGraphQLConfig = {
+  schema: "https://cms.webshaped.de/api",
+  extensions: {
+    codegen: {
+      generates: {
+        "./src/types/generated/graphql.d.ts": {
+          plugins: ["typescript", "typescript-operations", "introspection"],
+          preset: "client",
+        },
+      },
+    },
+  },
+};
+
+export default config;

.npmrc

@@ -1,2 +1,3 @@
+# Expose Astro dependencies for `pnpm` users
 shamefully-hoist=true
-strict-peer-dependencies=false
+enable-pre-post-scripts=true

.postcssrc.cjs

@@ -0,0 +1,10 @@
+module.exports = {
+  plugins: [
+    require("autoprefixer"),
+    require("postcss-preset-env")({
+      features: {
+        "cascade-layers": false,
+      },
+    }),
+  ],
+};

.prettierignore

@@ -0,0 +1,3 @@
+.astro
+coverage
+dist

.prettierrc.cjs

@@ -0,0 +1,11 @@
+module.exports = {
+  plugins: [require.resolve("prettier-plugin-astro")],
+  overrides: [
+    {
+      files: "*.astro",
+      options: {
+        parser: "astro",
+      },
+    },
+  ],
+};

.releaserc

@@ -48,4 +48,4 @@
     ]
   ],
   "dryRun": false
-}
+}

.stylelintignore

@@ -0,0 +1 @@
+src/**/*.ts

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}

.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}

README.md

@@ -1,42 +1,8 @@
-# Nuxt 3 Minimal Starter
+# Berliner Schnauze
 
-Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+![GitHub Workflow Status](https://img.shields.io/github/workflow/status/felix-berlin/berliner-schnauze/cd?label=website%20build&style=flat-square)
+![GitHub package.json version](https://img.shields.io/github/package-json/v/felix-berlin/berliner-schnauze?label=github&style=flat-square)
+![Website](https://img.shields.io/website?style=flat-square&url=https%3A%2F%2Fberliner-schnauze.wtf)
 
-## Setup
-
-Make sure to install the dependencies:
-
-```bash
-# yarn
-yarn install
-
-# npm
-npm install
-
-# pnpm
-pnpm install
-```
-
-## Development Server
-
-Start the development server on http://localhost:3000
-
-```bash
-npm run dev
-```
-
-## Production
-
-Build the application for production:
-
-```bash
-npm run build
-```
-
-Locally preview production build:
-
-```bash
-npm run preview
-```
-
-Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
+> Small Berlinerisch to Hochdeutsch Dictionary.
+---

alias.ts

@@ -0,0 +1,21 @@
+import path, { dirname } from "node:path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+export default {
+  "@components": `${path.resolve(__dirname, "./src/components/")}/`,
+  "@composables": `${path.resolve(__dirname, "./src/composables/")}/`,
+  "@stores": `${path.resolve(__dirname, "./src/stores/")}/`,
+  "@layouts": path.resolve(__dirname, "./src/layouts/"),
+  "@lib": path.resolve(__dirname, "./src/lib/"),
+  "@utils": path.resolve(__dirname, "./src/utils/"),
+  "@ts_types": path.resolve(__dirname, "./src/types/"),
+  "@features": path.resolve(__dirname, "./src/features/"),
+  "@services": path.resolve(__dirname, "./src/services/"),
+  "@sass-butler/": `${path.resolve(__dirname, "node_modules/@felix_berlin/sass-butler/")}/`,
+  "@styles/": `${path.resolve(__dirname, "src/styles/")}/`,
+  "@types/": `${path.resolve(__dirname, "src/types/")}/`,
+  "@assets/": `${path.resolve(__dirname, "src/assets/")}/`,
+};

astro.config.mjs

@@ -0,0 +1,48 @@
+import { defineConfig } from "astro/config";
+import vue from "@astrojs/vue";
+import sitemap from "@astrojs/sitemap";
+import matomo from "astro-matomo";
+import Icons from "unplugin-icons/vite";
+import allAlias from "./alias.ts";
+
+// https://astro.build/config
+export default defineConfig({
+  site: import.meta.env.DEV ? "http://localhost:4321" : "https://beta.berliner-schnauze.pages.dev",
+  prefetch: true,
+  integrations: [
+    vue({
+      appEntrypoint: "/src/pages/_app",
+      script: {
+        propsDestructure: true,
+      },
+    }),
+    sitemap({
+      lastmod: new Date(),
+    }),
+    matomo({
+      enabled: import.meta.env.PROD,
+      host: "https://analytics.webshaped.de/",
+      siteId: 8,
+      debug: true,
+      heartBeatTimer: 5,
+      disableCookies: true,
+    }),
+  ],
+  vite: {
+    plugins: [
+      Icons({
+        iconCustomizer(collection, icon, props) {
+          // customize all icons in this collection
+          if (collection === "tabler" || collection === "lucide") {
+            props.width = "24";
+            props.height = "24";
+          }
+        },
+      }), // chooses the compiler automatically
+    ],
+
+    resolve: {
+      alias: allAlias,
+    },
+  },
+});

codegen.yml

@@ -0,0 +1,13 @@
+overwrite: true
+schema: "https://cms.webshaped.de/api"
+documents: null
+generates:
+  src/types/generated/graphql.d.ts:
+    plugins:
+      - typescript
+      - typescript-operations
+    config:
+      maybeValue: "T | null | undefined"
+  ./graphql.schema.json:
+    plugins:
+      - "introspection"