@4verburga/alpine-spanishplus 1.6.6

package/nuxt.schema.ts

@@ -0,0 +1,184 @@
+export default defineNuxtSchema({
+  appConfig: {
+    /**
+     * Alpine theme configuration.
+     *
+     * @studioIcon carbon:blog
+    */
+    alpine: {
+      /**
+       * Website title, used as header default title and meta title.
+       *
+       * @studioIcon material-symbols:title
+       */
+      title: 'Alpine',
+      /**
+       * Website description, used for meta description.
+       *
+       * @studioIcon material-symbols:description
+       */
+      description: 'The minimalist blog theme',
+      /**
+       * Cover image.
+       *
+       * @example '/cover.jpg'
+       *
+       * @studioIcon dashicons:cover-image
+       */
+      image: {
+        /**
+         * @example '/cover.jpg'
+         * @studioIcon dashicons:cover-image
+         * @studioInput file
+         */
+        src: '/social-card-preview.png',
+        alt: 'An image showcasing my project.',
+        width: 400,
+        height: 300
+      },
+      /**
+       * Header configuration.
+       *
+       * @studioIcon fluent:document-header-24-regular
+       */
+      header: {
+        /**
+         * Header position.
+         *
+         * @type {'left'|'center'|'right'}
+         */
+        position: 'right',
+        /**
+         * Header logo.
+         *
+         * @studioIcon dashicons:cover-image
+         */
+        logo: {
+          /**
+           * Path of the logo.
+           *
+           * @studioIcon dashicons:cover-image
+           * @studioInput file
+           */
+          path: '/logo.svg',
+          /**
+           * Path of the logo in dark mode.
+           *
+           * Leave it empty if you want to use the same logo.
+           *
+           * @studioIcon dashicons:cover-image
+           * @studioInput file
+           */
+          pathDark: '/logo-dark.svg',
+          /**
+           * Alt description for the image.
+           */
+          alt: 'Alpine theme logo'
+        }
+      },
+      /**
+       * Footer configuration.
+       *
+       * @studioIcon fluent:document-footer-24-regular
+       */
+      footer: {
+        /**
+         * Footer credits.
+         */
+        credits: {
+          /**
+           * Toggle the footer.
+           */
+          enabled: true,
+          /**
+           * Text to be displayed.
+           */
+          text: 'Alpine',
+          /**
+           * GitHub repository link.
+           */
+          repository: 'https://www.github.com/nuxt-themes/alpine'
+        },
+        /**
+         * Toggle the navigation.
+         */
+        navigation: true, // possible value are : true | false
+        /**
+         * Footer position.
+         *
+         * @type {'left'|'center'|'right'}
+         */
+        alignment: 'center',
+        /**
+         * Footer message.
+         *
+         * Leave it empty to disable.
+         */
+        message: 'Follow me on'
+      },
+      /**
+       * Icons to be added to Social Icons in footer.
+       *
+       * @studioIcon material-symbols:add-link
+       */
+      socials: {
+        /**
+         * Twitter handle
+         * @example 'nuxt_js'
+         * @studioIcon simple-icons:twitter
+         */
+        twitter: '',
+        /**
+         * Instagram handle
+         * @example 'wearenuxt'
+         * @studioIcon simple-icons:instagram
+         */
+        instagram: '',
+        /**
+         * GitHub path
+         * @example 'nuxt-themes/alpine'
+         * @studioIcon simple-icons:github
+         */
+        github: '',
+        /**
+         * GitHub path
+         * @example 'nuxt'
+         * @studioIcon simple-icons:facebook
+         */
+        facebook: '',
+        /**
+         * Medium handle
+         * @example 'nuxt'
+         * @studioIcon simple-icons:medium
+         */
+        medium: '',
+        /**
+         * Youtube handle
+         * @example '@nuxtlabs'
+         * @studioIcon simple-icons:youtube
+         */
+        youtube: ''
+      },
+      /**
+       * Contact form configuration.
+       *
+       * @studioIcon ion:ios-paperplane
+       */
+      form: {
+        /**
+         * Success message.
+         */
+        successMessage: 'Message sent. Thank you!'
+      },
+      /**
+       * Back to top button configuration.
+       *
+       * @studioIcon material-symbols:arrow-upward
+       */
+      backToTop: {
+        icon: 'material-symbols:arrow-upward',
+        text: 'Back to top',
+      }
+    }
+  }
+})

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@4verburga/alpine-spanishplus",
+  "version": "1.6.6",
+  "type": "module",
+  "exports": "./nuxt.config.ts",
+  "files": [
+    "assets",
+    "components",
+    "composables",
+    "layouts",
+    "types",
+    "app.config.ts",
+    "app.vue",
+    "nuxt.config.ts",
+    "nuxt.schema.ts",
+    "tokens.config.ts"
+  ],
+  "dependencies": {
+    "@nuxt-themes/elements": "^0.9.5",
+    "@nuxt-themes/tokens": "^1.9.1",
+    "@nuxt-themes/typography": "^0.11.0",
+    "@nuxt/content": "^2.11.0",
+    "@nuxthq/studio": "^0.14.1",
+    "@vueuse/core": "^10.7.2",
+    "ufo": "^1.3.2"
+  },
+  "devDependencies": {
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxtjs/plausible": "^0.2.4",
+    "@types/node": "^20.11.5",
+    "eslint": "^8.56.0",
+    "nuxt": "^3.9.3",
+    "release-it": "^16.3.0",
+    "typescript": "^5.3.3",
+    "vite-plugin-inspect": "^0.8.1",
+    "vue": "^3.4.15"
+  },
+  "license": "MIT",
+  "release-it": {
+    "npm": {
+      "access": "public"
+    },
+    "git": {
+      "commitMessage": "chore(release): release v${version}"
+    },
+    "github": {
+      "release": true,
+      "releaseName": "v${version}"
+    }
+  },
+  "scripts": {
+    "dev": "nuxi dev .starters/default",
+    "build": "nuxi build .starters/default",
+    "generate": "nuxi generate .starters/default",
+    "preview": "nuxi preview .starters/default",
+    "lint": "eslint .",
+    "release": "release-it"
+  }
+}

package/tokens.config.ts

@@ -0,0 +1,51 @@
+import theme from '@nuxt-themes/tokens/config'
+import { defineTheme } from 'pinceau'
+
+export default defineTheme({
+  alpine: {
+    $schema: {
+      title: 'All the configurable tokens from Alpine.',
+      tags: [
+        '@studio-icon carbon:blog'
+      ]
+    },
+    body: {
+      backgroundColor: {
+        initial: '{color.white}',
+        dark: '{color.black}'
+      },
+      color: {
+        initial: '{color.gray.800}',
+        dark: '{color.gray.200}'
+      }
+    },
+    backdrop: {
+      backgroundColor: {
+        initial: '#f4f4f5b3', // TODO: rgba({color.gray.100}, 0.7)
+        dark: '#18181bb3' // TODO: rgba({color.gray.900}, 0.7)
+      }
+    },
+    readableLine: '68ch'
+  },
+  elements: {
+    container: {
+      maxWidth: '64rem',
+      padding: {
+        mobile: '{space.6}',
+        xs: '{space.8}',
+        sm: '{space.12}',
+        md: '{space.16}'
+      }
+    }
+  },
+  color: {
+    white: '#FFFFFF',
+    // @ts-ignore
+    primary: theme.color.lightblue
+  },
+  prose: {
+    p: {
+      fontSize: '18px'
+    },
+  }
+})

package/types/contact.ts

@@ -0,0 +1,7 @@
+export interface Field {
+  type?: string;
+  name: string;
+  placeholder?: string;
+  label?: string;
+  required?: boolean;
+}