feat(.starters): import alpine-starter into .starters/default (#135)

(merging with broken CI expected)

.docs/app.config.ts

@@ -1,10 +0,0 @@
-export default defineAppConfig({
-  alpine: {
-    socials: {
-      twitter: 'nuxtstudio',
-      instagram: 'wearenuxt',
-      github: 'nuxt-themes/alpine',
-      youtube: '@nuxtlabs'
-    }
-  }
-})

.docs/nuxt.config.ts

@@ -1,15 +0,0 @@
-export default defineNuxtConfig({
-  extends: '../',
-  modules: ['@nuxtjs/plausible'],
-  typescript: { includeWorkspace: true },
-  app: {
-    head: {
-      htmlAttrs: {
-        lang: 'en'
-      },
-      link: [
-        { rel: 'stylesheet', href: '/css/supreme.css' }
-      ]
-    }
-  },
-})

.docs/public/css/supreme.css

@@ -1,226 +0,0 @@
-/**
- * @license
- *
- * Font Family: Supreme
- * Designed by: Jérémie Hornus, Ilya Naumoff
- * URL: https://www.fontshare.com/fonts/supreme
- * © 2022 Indian Type Foundry
- *
- * Font Styles:
- * Supreme Variable(Variable font)
- * Supreme Variable Italic(Variable font)
- * Supreme Thin
- * Supreme Thin Italic
- * Supreme Extralight
- * Supreme Extralight Italic
- * Supreme Light
- * Supreme Light Italic
- * Supreme Regular
- * Supreme Italic
- * Supreme Medium
- * Supreme Medium Italic
- * Supreme Bold
- * Supreme Bold Italic
- * Supreme Extrabold         
- * Supreme Extrabold Italic
- *
-*/
-
-
-/**
-* This is a variable font
-* You can controll variable axes as shown below:
-* font-variation-settings: 'wght' 800.0;
-*
-* available axes:
-
-* 'wght' (range from 100.0 to 800.0)
-
-*/
-
-@font-face {
-  font-family: 'Supreme-Variable';
-  src: url('../fonts/Supreme-Variable.woff2') format('woff2'),
-       url('../fonts/Supreme-Variable.woff') format('woff'),
-       url('../fonts/Supreme-Variable.ttf') format('truetype');
-       font-weight: 100 800;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-/**
-* This is a variable font
-* You can controll variable axes as shown below:
-* font-variation-settings: 'wght' 800.0;
-*
-* available axes:
-
-* 'wght' (range from 100.0 to 800.0)
-
-*/
-
-@font-face {
-  font-family: 'Supreme-VariableItalic';
-  src: url('../fonts/Supreme-VariableItalic.woff2') format('woff2'),
-       url('../fonts/Supreme-VariableItalic.woff') format('woff'),
-       url('../fonts/Supreme-VariableItalic.ttf') format('truetype');
-       font-weight: 100 800;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-Thin.woff2') format('woff2'),
-       url('../fonts/Supreme-Thin.woff') format('woff'),
-       url('../fonts/Supreme-Thin.ttf') format('truetype');
-       font-weight: 100;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-ThinItalic.woff2') format('woff2'),
-       url('../fonts/Supreme-ThinItalic.woff') format('woff'),
-       url('../fonts/Supreme-ThinItalic.ttf') format('truetype');
-       font-weight: 100;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-Extralight.woff2') format('woff2'),
-       url('../fonts/Supreme-Extralight.woff') format('woff'),
-       url('../fonts/Supreme-Extralight.ttf') format('truetype');
-       font-weight: 200;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-ExtralightItalic.woff2') format('woff2'),
-       url('../fonts/Supreme-ExtralightItalic.woff') format('woff'),
-       url('../fonts/Supreme-ExtralightItalic.ttf') format('truetype');
-       font-weight: 200;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-Light.woff2') format('woff2'),
-       url('../fonts/Supreme-Light.woff') format('woff'),
-       url('../fonts/Supreme-Light.ttf') format('truetype');
-       font-weight: 300;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-LightItalic.woff2') format('woff2'),
-       url('../fonts/Supreme-LightItalic.woff') format('woff'),
-       url('../fonts/Supreme-LightItalic.ttf') format('truetype');
-       font-weight: 300;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-Regular.woff2') format('woff2'),
-       url('../fonts/Supreme-Regular.woff') format('woff'),
-       url('../fonts/Supreme-Regular.ttf') format('truetype');
-       font-weight: 400;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-Italic.woff2') format('woff2'),
-       url('../fonts/Supreme-Italic.woff') format('woff'),
-       url('../fonts/Supreme-Italic.ttf') format('truetype');
-       font-weight: 400;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-Medium.woff2') format('woff2'),
-       url('../fonts/Supreme-Medium.woff') format('woff'),
-       url('../fonts/Supreme-Medium.ttf') format('truetype');
-       font-weight: 500;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-MediumItalic.woff2') format('woff2'),
-       url('../fonts/Supreme-MediumItalic.woff') format('woff'),
-       url('../fonts/Supreme-MediumItalic.ttf') format('truetype');
-       font-weight: 500;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-Bold.woff2') format('woff2'),
-       url('../fonts/Supreme-Bold.woff') format('woff'),
-       url('../fonts/Supreme-Bold.ttf') format('truetype');
-       font-weight: 700;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-BoldItalic.woff2') format('woff2'),
-       url('../fonts/Supreme-BoldItalic.woff') format('woff'),
-       url('../fonts/Supreme-BoldItalic.ttf') format('truetype');
-       font-weight: 700;
-       font-display: swap;
-       font-style: italic;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-Extrabold.woff2') format('woff2'),
-       url('../fonts/Supreme-Extrabold.woff') format('woff'),
-       url('../fonts/Supreme-Extrabold.ttf') format('truetype');
-       font-weight: 800;
-       font-display: swap;
-       font-style: normal;
-}
-
-
-@font-face {
-  font-family: 'Supreme';
-  src: url('../fonts/Supreme-ExtraboldItalic.woff2') format('woff2'),
-       url('../fonts/Supreme-ExtraboldItalic.woff') format('woff'),
-       url('../fonts/Supreme-ExtraboldItalic.ttf') format('truetype');
-       font-weight: 800;
-       font-display: swap;
-       font-style: italic;
-}
-

.docs/public/robots.txt

@@ -1,2 +0,0 @@
-User-agent: *
-Disallow:

.docs/tokens.config.ts

@@ -1,7 +0,0 @@
-import { defineTheme } from 'pinceau'
-
-export default defineTheme({
-  font: {
-    sans: 'Supreme, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji',
-  }
-})

.gitignore

@@ -19,3 +19,8 @@ dist
 # VSCode
 .vscode/
 tailwind.config.js.local
+
+# Starters lockfiles
+.starters/**/yarn.lock
+.starters/**/package-lock.json
+.starters/**/pnpm-lock.yaml

.starters/default/.gitignore

@@ -0,0 +1,12 @@
+node_modules
+*.iml
+.idea
+*.log*
+.nuxt
+.vscode
+.DS_Store
+coverage
+dist
+sw.*
+.env
+.output

.starters/default/.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

.starters/default/README.md

@@ -0,0 +1,57 @@
+# Alpine Starter
+
+Starter template for [Alpine](https://alpine.nuxt.space).
+
+## Clone
+
+Clone the repository (using `nuxi`):
+
+```bash
+npx nuxi init -t themes/alpine
+```
+
+## Setup
+
+Install dependencies:
+
+```bash
+pnpm install
+```
+
+## Development
+
+```bash
+pnpm dev
+```
+
+## Edge Side Rendering
+
+Can be deployed to Vercel Functions, Netlify Functions, AWS, and most Node-compatible environments.
+
+Look at all the available presets [here](https://v3.nuxtjs.org/guide/deploy/presets).
+
+```bash
+pnpm build
+```
+
+## Static Generation
+
+Use the `generate` command to build your application.
+
+The HTML files will be generated in the .output/public directory and ready to be deployed to any static compatible hosting.
+
+```bash
+pnpm generate
+```
+
+## Preview build
+
+You might want to preview the result of your build locally, to do so, run the following command:
+
+```bash
+pnpm preview
+```
+
+---
+
+For a detailed explanation of how things work, check out [Alpine](https://alpine.nuxt.space).

.starters/default/app.config.ts

@@ -0,0 +1,41 @@
+export default defineAppConfig({
+  alpine: {
+    title: 'Alpine',
+    description: 'The minimalist blog theme',
+    image: {
+      src: '/social-card-preview.png',
+      alt: 'An image showcasing my project.',
+      width: 400,
+      height: 300
+    },
+    header: {
+      position: 'right', // possible value are : | 'left' | 'center' | 'right'
+      logo: {
+        path: '/logo.svg', // path of the logo
+        pathDark: '/logo-dark.svg', // path of the logo in dark mode, leave this empty if you want to use the same logo
+        alt: 'alpine' // alt of the logo
+      }
+    },
+    footer: {
+      credits: {
+        enabled: true, // possible value are : true | false
+        repository: 'https://www.github.com/nuxt-themes/alpine' // our github repository
+      },
+      navigation: true, // possible value are : true | false
+      alignment: 'center', // possible value are : 'none' | 'left' | 'center' | 'right'
+      message: 'Follow me on' // string that will be displayed in the footer (leave empty or delete to disable)
+    },
+    socials: {
+      twitter: 'nuxtlabs',
+      instagram: 'atinuxt',
+      linkedin: {
+        icon: 'uil:linkedin',
+        label: 'LinkedIn',
+        href: 'https://www.linkedin.com/company/nuxtlabs'
+      }
+    },
+    form: {
+      successMessage: 'Message sent. Thank you!'
+    }
+  }
+})

.starters/default/content/1.index.md

@@ -5,11 +5,14 @@ description: An open source blog theme powered by Nuxt.
 title: About
 ---
 
-::hero{image="/alpine-0.webp" image-alt="Alpine"}
+::hero
+---
+image: '/alpine-0.webp'
+---
 #title
 Hi, I am Alpine.
 #description
-- An [open source blog theme](https://github.com/nuxt-themes/alpine) powered by [Nuxt Content](https://content.nuxtjs.org), editable from [Nuxt Studio](https://nuxt.studio).
+- An [open source blog theme](https://github.com/nuxt-themes/alpine) powered by [Nuxt Content](https://content.nuxtjs.org), editable on [Nuxt Studio](https://studio.nuxt.com).
 - Write pages in Markdown and Vue components with the [MDC syntax](https://content.nuxtjs.org/guide/writing/mdc).
 - Use [**30+ built-in**](https://elements.nuxt.space) components in your Markdown pages.
 ::
@@ -21,8 +24,8 @@ Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulu
 ::gallery
 ---
 images:
+  - /alpine-0.webp
   - /alpine-1.webp
   - /alpine-2.webp
-  - /alpine-0.webp
 ---
 ::

.starters/default/content/2.articles.md

@@ -3,4 +3,8 @@ title: 'Articles'
 layout: 'page'
 ---
 
-:articles-list{path=articles}
+::articles-list
+---
+path: articles
+---
+::

.starters/default/content/articles/1.get-started.md

@@ -57,7 +57,7 @@ Alpine supports deploying to the following platforms with **zero configuration**
 
 - [Vercel](https://vercel.com)
 - [Netlify](https://netlify.com)
-- [and more...](https://nuxt.com/docs/getting-started/deployment#supported-hosting-providers)
+- [and more...](https://v3.nuxtjs.org/guide/deploy/presets#supported-hosting-providers)
 
 ### Node server
 

.starters/default/content/articles/2.configure.md

@@ -34,10 +34,10 @@ export default defineAppConfig({
   alpine: {
     title: 'Alpine',
     description: 'The minimalist blog theme',
-    image: '/social-card-preview.webp',
+    image: '/social-card-preview.png',
     // image can also be an object:
     image: {
-      src: '/social-card-preview.webp',
+      src: '/social-card-preview.png',
       alt: 'An image showcasing my project.',
       width: 400,
       height: 300

.starters/default/nuxt.config.ts

@@ -0,0 +1,3 @@
+export default defineNuxtConfig({
+  extends: '@nuxt-themes/alpine'
+})

.starters/default/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "alpine-starter",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "nuxi dev",
+    "build": "nuxi build",
+    "generate": "nuxi generate",
+    "preview": "nuxi preview"
+  },
+  "devDependencies": {
+    "nuxt": "^3.4.3",
+    "@nuxt-themes/alpine": "^1.5.4"
+  }
+}

.starters/default/renovate.json

@@ -0,0 +1,8 @@
+{
+    "extends": [
+      "@nuxtjs"
+    ],
+    "lockFileMaintenance": {
+      "enabled": true
+    }
+}

.starters/default/tokens.config.ts

@@ -0,0 +1,3 @@
+import { defineTheme } from 'pinceau'
+
+export default defineTheme({})

README.md

@@ -1,4 +1,4 @@
-[![Alpine](./.docs/public/social-card-preview.png)](https://alpine.nuxt.space)
+[![Alpine](./.starters/default/public/social-card-preview.png)](https://alpine.nuxt.space)
 
 # Alpine
 

package.json

@@ -16,12 +16,12 @@
     "tokens.config.ts"
   ],
   "scripts": {
-    "prepare": "nuxi prepare && nuxi prepare .docs",
-    "build": "nuxt build .docs",
-    "dev": "nuxt dev .docs",
+    "prepare": "nuxi prepare && nuxi prepare .starters/default",
+    "build": "nuxt build .starters/default",
+    "dev": "nuxt dev .starters/default",
     "lint": "eslint .",
-    "generate": "nuxt generate .docs",
-    "preview": "nuxt preview .docs",
+    "generate": "nuxt generate .starters/default",
+    "preview": "nuxt preview .starters/default",
     "prepublishOnly": "pnpm lint",
     "release": "release-it"
   },

pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+packages:
+  - ".starters/default"
+  - "./"