Merge branch 'main' into main

.github/workflows/ci.yml

@@ -0,0 +1,23 @@
+name: ci
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: corepack enable
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "pnpm"
+      - run: pnpm install
+      - run: pnpm nuxi prepare
+      - run: pnpm test

app.config.ts

@@ -146,7 +146,7 @@ export default defineAppConfig({
         to: 'dark:hover:bg-gray-900/50'
       }
     },
-    docs: {
+    content: {
       search: {
         fileIcon: {
           name: 'i-ph-file-text-duotone'
@@ -164,9 +164,7 @@ export default defineAppConfig({
           prev: 'i-ph-arrow-left',
           next: 'i-ph-arrow-right'
         }
-      }
-    },
-    content: {
+      },
       collapsible: {
         button: {
           icon: {

components/AppHeader.vue

@@ -40,6 +40,15 @@ const dropdownItems = [
     to: '/design-kit'
   }]
 ]
+const isMobile = ref(false)
+function openLogoContext () {
+  if (isMobile.value) return navigateTo('/')
+  open.value = true
+}
+
+onMounted(() => {
+  isMobile.value = ('ontouchstart' in document.documentElement)
+})
 
 defineProps<{
   links?: Link[]
@@ -59,7 +68,7 @@ defineProps<{
           item: { padding: 'gap-x-2.5 py-2.5', inactive: 'dark:bg-gray-950' },
         }"
       >
-        <Logo ref="logo" class="block w-auto h-6" @click.right.prevent="open = true" @click.left.prevent="navigateTo('/')" />
+        <Logo ref="logo" class="block w-auto h-6" @click.right.prevent="openLogoContext" @click.left.prevent="navigateTo('/')" />
       </UDropdown>
     </template>
 

components/content/Alert.vue

@@ -6,7 +6,7 @@ const props = defineProps({
   title: { type: String },
   icon: { type: String },
   color: { type: String as PropType<(typeof uiColors)[number]> },
-  to: { type: String },
+  to: { type: String }
 })
 
 const target = computed(() => (props.to?.startsWith('https://') ? '_blank' : ''))

components/content/Caution.vue

@@ -12,10 +12,10 @@
 
 <style lang="postcss">
 ._caution {
-  @apply prose-a:text-red-500 hover:prose-a:border-red-500 !bg-red-200/40 !border-red-400/30;
-  @apply dark:!border-red-600 dark:prose-a:text-red-400 dark:hover:prose-a:border-red-400 dark:!bg-red-900/70;
+  @apply prose-a:text-red-500 hover:prose-a:border-red-500 !bg-red-200/40 !border-red-400/30 prose-code:text-red-700 text-red-900;
+  @apply dark:!border-red-600 dark:prose-a:text-red-400 dark:hover:prose-a:border-red-400 dark:!bg-red-900/70 dark:text-red-200 dark:prose-code:text-red-200;
   a code {
-    @apply hover:!text-red-400 hover:!border-red-400;
+    @apply hover:!text-red-600 hover:!border-red-400;
     @apply dark:hover:!text-red-400 dark:hover:!border-red-400;
   }
 }

components/content/Important.vue

@@ -12,10 +12,10 @@
 
 <style lang="postcss">
 ._important {
-  @apply prose-a:text-violet-500 hover:prose-a:border-violet-500 !bg-violet-200/40 !border-violet-400/30;
-  @apply dark:!border-violet-600 dark:prose-a:text-violet-400 dark:hover:prose-a:border-violet-400 dark:!bg-violet-900/70;
+  @apply prose-a:text-violet-500 hover:prose-a:border-violet-500 !bg-violet-200/40 !border-violet-400/30 prose-code:text-violet-700 text-violet-950;
+  @apply dark:!border-violet-600 dark:prose-a:text-violet-400 dark:hover:prose-a:border-violet-400 dark:!bg-violet-900/50 dark:text-violet-200 dark:prose-code:text-violet-200;
   a code {
-    @apply hover:!text-violet-400 hover:!border-violet-400;
+    @apply hover:!text-violet-700 hover:!border-violet-400;
     @apply dark:hover:!text-violet-400 dark:hover:!border-violet-400;
   }
 }

components/content/Note.vue

@@ -12,10 +12,10 @@
 
 <style lang="postcss">
 ._note {
-  @apply prose-a:text-blue-500 hover:prose-a:border-blue-500 !bg-blue-200/40 !border-blue-400/30;
-  @apply dark:!border-blue-600 dark:prose-a:text-blue-400 dark:hover:prose-a:border-blue-400 dark:!bg-blue-900/70;
+  @apply prose-a:text-blue-500 hover:prose-a:border-blue-500 !bg-blue-200/40 !border-blue-400/30 prose-code:text-blue-700 text-blue-900;
+  @apply dark:!border-blue-600 dark:prose-a:text-blue-400 dark:hover:prose-a:border-blue-400 dark:!bg-blue-900/70 dark:text-blue-200 dark:prose-code:text-blue-200;
   a code {
-    @apply hover:!text-blue-400 hover:!border-blue-400;
+    @apply hover:!text-blue-600 hover:!border-blue-400;
     @apply dark:hover:!text-blue-400 dark:hover:!border-blue-400;
   }
 }

components/content/ReadMore.vue

@@ -5,13 +5,13 @@ import { splitByCase, upperFirst } from 'scule'
 const props = defineProps({
   to: {
     type: String,
-    required: true,
+    required: true
   },
   title: {
     type: String,
     required: false,
-    default: '',
-  },
+    default: ''
+  }
 })
 
 const createBreadcrumb = (link: string = 'Missing link') => {
@@ -24,7 +24,7 @@ const createBreadcrumb = (link: string = 'Missing link') => {
     .map((part) =>
       splitByCase(part)
         .map((p) => upperFirst(p))
-        .join(' '),
+        .join(' ')
     )
     .join(' > ')
     .replace('Api', 'API')
@@ -35,6 +35,8 @@ const computedTitle = computed<string>(() => props.title || createBreadcrumb(pro
 
 <template>
   <Callout icon="i-ph-bookmark-simple-duotone" :to="to">
-    <MDCSlot unwrap="p"> Read more in <span class="font-bold" v-html="computedTitle" />. </MDCSlot>
+    <MDCSlot unwrap="p">
+      Read more in <span class="font-bold" v-html="computedTitle" />.
+    </MDCSlot>
   </Callout>
 </template>

components/content/Tip.vue

@@ -12,10 +12,10 @@
 
 <style lang="postcss">
 ._tip {
-  @apply prose-a:text-green-500 hover:prose-a:border-green-500 !bg-green-200/40 !border-green-400/30;
-  @apply dark:!border-green-600 dark:prose-a:text-green-400 dark:hover:prose-a:border-green-400 dark:!bg-green-900/70;
+  @apply prose-a:text-green-500 hover:prose-a:border-green-500 !bg-green-200/40 !border-green-400/30 prose-code:text-green-700 text-green-900;
+  @apply dark:!border-green-600 dark:prose-a:text-green-400 dark:hover:prose-a:border-green-400 dark:!bg-green-900/70 dark:text-green-200 dark:prose-code:text-green-200;
   a code {
-    @apply hover:!text-green-400 hover:!border-green-400;
+    @apply hover:!text-green-600 hover:!border-green-400;
     @apply dark:hover:!text-green-400 dark:hover:!border-green-400;
   }
 }

components/content/Warning.vue

@@ -12,10 +12,10 @@
 
 <style lang="postcss">
 ._warning {
-  @apply prose-a:text-amber-500 hover:prose-a:border-amber-500 !bg-amber-200/40 !border-amber-400/30;
-  @apply dark:!border-amber-600 dark:prose-a:text-amber-400 dark:hover:prose-a:border-amber-400 dark:!bg-amber-900/70;
+  @apply prose-a:text-amber-500 hover:prose-a:border-amber-500 !bg-amber-200/40 !border-amber-400/30 prose-code:text-amber-700 text-amber-900;
+  @apply dark:!border-amber-600/80 dark:prose-a:text-amber-400 dark:hover:prose-a:border-amber-400 dark:!bg-amber-800/50 dark:text-amber-200 dark:prose-code:text-amber-200;
   a code {
-    @apply hover:!text-amber-400 hover:!border-amber-400;
+    @apply hover:!text-amber-600 hover:!border-amber-400;
     @apply dark:hover:!text-amber-400 dark:hover:!border-amber-400;
   }
 }

content/7.blog/10.v3-3.md

@@ -6,6 +6,7 @@ authors:
   - name: Daniel Roe
     avatarUrl: https://github.com/danielroe.png
     link: https://twitter.com/danielcroe
+    twitter: danielcroe
 date: 2023-03-14
 category: Release
 ---

content/7.blog/11.v3-4.md

@@ -6,6 +6,7 @@ authors:
   - name: Daniel Roe
     avatarUrl: https://github.com/danielroe.png
     link: https://twitter.com/danielcroe
+    twitter: danielcroe
 date: 2023-04-11
 category: Release
 ---

content/7.blog/12.v3-5.md

@@ -6,6 +6,7 @@ authors:
   - name: Daniel Roe
     avatarUrl: https://github.com/danielroe.png
     link: https://twitter.com/danielcroe
+    twitter: danielcroe
 date: 2023-05-16
 category: Release
 ---

content/7.blog/13.v3-6.md

@@ -6,6 +6,7 @@ authors:
   - name: Daniel Roe
     avatarUrl: https://github.com/danielroe.png
     link: https://twitter.com/danielcroe
+    twitter: danielcroe
 date: 2023-06-23
 category: Release
 ---

content/7.blog/14.nuxt-on-the-edge.md

@@ -6,6 +6,7 @@ authors:
   - name: Sébastien Chopin
     avatarUrl: https://github.com/atinux.png
     link: https://twitter.com/atinux
+    twitter: atinux
 date: 2023-07-13
 category: Article
 ---

content/7.blog/15.v3-7.md

@@ -7,6 +7,7 @@ authors:
   - name: Daniel Roe
     avatarUrl: https://github.com/danielroe.png
     link: https://twitter.com/danielcroe
+    twitter: danielcroe
 date: 2023-08-25
 category: Release
 ---

content/7.blog/16.new-website.md

@@ -10,6 +10,7 @@ authors:
   - name: Benjamin Canac
     avatarUrl: https://ipx.nuxt.com/f_auto/gh_avatar/benjamincanac
     link: https://twitter.com/benjamincanac
+    twitter: benjamincanac
 date: 2023-10-18
 category: Announcement
 ---

content/7.blog/17.v3-8.md

@@ -7,6 +7,7 @@ authors:
   - name: Daniel Roe
     avatarUrl: https://github.com/danielroe.png
     link: https://twitter.com/danielcroe
+    twitter: danielcroe
 date: 2023-10-19
 category: Release
 ---

content/7.blog/18.nuxt-devtools-v1-0.md

@@ -6,6 +6,7 @@ authors:
   - name: Anthony Fu
     avatarUrl: https://github.com/antfu.png
     link: https://github.com/antfu
+    twitter: antfu7
 date: 2023-11-13
 category: Release
 ---

content/7.blog/19.v3-9.md

@@ -7,6 +7,7 @@ authors:
   - name: Daniel Roe
     avatarUrl: https://github.com/danielroe.png
     link: https://twitter.com/danielcroe
+    twitter: danielcroe
 date: 2023-12-25T00:00:00.000Z
 category: Release
 ---

content/7.blog/20.v3-10.md

@@ -7,6 +7,7 @@ authors:
   - name: Daniel Roe
     avatarUrl: https://github.com/danielroe.png
     link: https://twitter.com/danielcroe
+    twitter: danielcroe
 date: 2024-01-30T00:00:00.000Z
 category: Release
 ---

content/7.blog/8.nuxt-static-improvements.md

@@ -7,12 +7,15 @@ authors:
   - name: Alexander Lichter
     avatarUrl: https://github.com/manniL.png
     link: https://twitter.com/TheAlexLichter
+    twitter: TheAlexLichter
   - name: Sébastien Chopin
     avatarUrl: https://github.com/atinux.png
     link: https://twitter.com/atinux
+    twitter: atinux
   - name: Pooya Parsa
     avatarUrl: https://github.com/pi0.png
     link: https://twitter.com/_pi0_
+    twitter: _pi0_
 category: Release
 ---
 

content/7.blog/9.nuxtjs-from-terminal-to-browser.md

@@ -7,6 +7,7 @@ authors:
   - name: Sébastien Chopin
     avatarUrl: https://github.com/atinux.png
     link: https://twitter.com/atinux
+    twitter: atinux
 category: Release
 ---
 

content/8.enterprise/1.support.yml

@@ -25,7 +25,7 @@ call:
   description: >-
     ## Talk to us
 
-    Book 30 minutes with us to learn more about our support solutions, present your needs and your project and get personnalized proposions to solve your issues.
+    Book 30 minutes with us to learn more about our support solutions, present your needs and your project, and get personalized proposals to solve your issues.
   button:
     icon: i-ph-calendar-plus-duotone
     label: 'Choose a meeting'

content/8.enterprise/2.agencies/93.reanmo.md

@@ -0,0 +1,30 @@
+---
+category: agency
+title: Reanmo
+description: Your partner for the digital future.
+logo:
+  light: /assets/enterprise/agencies/square/dark/reanmo.svg
+  dark: /assets/enterprise/agencies/square/dark/reanmo.svg
+logoFull: /assets/enterprise/agencies/full/dark/reanmo.svg
+link: https://www.reanmo.com/
+services:
+  - Software & SaaS
+  - Mobile development
+  - UI/UX Design
+emailAddress: hello@reanmo.com
+phoneNumber: +49 2871 2372 427
+linkedin: reanmo
+color:
+  - '#00ecae'
+regions:
+  - Europe
+location: Bocholt, Germany
+---
+
+We are a young and motivated technology startup from Germany. Since 2020, we have been operating as a consulting and development studio, supporting companies in their digital transformation and the development of innovative software applications.
+
+We are specialized in developing cutting-edge solutions tailored to your needs. Our core competencies lie in the development of Laravel APIs, Nuxt.js SSR applications, Vue.js SPAs, and Flutter mobile apps.
+
+You can choose from three different partnership models that suit your needs. You can either let us handle your entire project while you watch your vision come to life, or you can opt for our team augmentation model which allows us to work closely with your existing team. Our digital transformation services will help your business by improving your digital strategy, updating crucial business areas, and making workflows super-efficient. We're also skilled at updating older systems to tackle tough business problems.
+
+Whether you're a small startup or a big corporation, our tailor-made services are designed to fit your unique needs. We do more than just carry out projects – we become a key part of your success story, providing smart advice and strategies along the way. Take your digital transformation to the next level with a partner who not only gets the tech side, but also deeply understands your business. Let us be the engine that drives your success in the fast-paced digital world.

content/design-kit.md

@@ -1,7 +1,7 @@
 ---
 title: Design Kit
 head.description: Get the Nuxt assets such as Logo, Typography and Colors.
-description: Welcome to Nuxt design definition page. Identity was redefined by handpicking conscientiously colors, typography and shapes in order to put forward how performant, useful & easy Nuxt products are.
+description: Welcome to Nuxt design definition page. Identity was redefined by handpicking conscientiously colors, and shapes in order to express how easy & joyful Nuxt products are.
 navigation.icon: 'i-ph-palette'
 links:
   - label: 'Nuxt Brand Kit'
@@ -57,17 +57,3 @@ Our color palette is based on our iconic Nuxt green and colours have been carefu
   :design-kit-color-card{background="#FFFFFF" name="White"}
   :design-kit-color-card{background="#020420" name="Gray"}
 ::
-
-## DM Sans
-
-Our brand typeface is DM Sans from Google Fonts. This typeface was chosen for its aesthetics, reminiscent of the shape of the Nuxt logo in many aspects (joints, apex, vertex of the structure). It offers modernity and sobriety while lending an iconic aspect to our visual content without compromising text accessibility.
-
-Font is also variable which allows us to fit with any contexts.
-
-[DM Sans]{class="font-semibold text-5xl text-gray-900 dark:text-white"}
-
-[The quick brown fox jumps over the lazy dog.]{class="font-semibold text-4xl text-gray-900 dark:text-white"}
-
-### Usage
-
-For Nuxt brand, we will only use Regular / Medium / Semibold weights 99% of the time. You should avoid Light & Heavy if you want to use it as Nuxt Identity. Only exceptions are for super, subscript characters, also you can use heavy if you go upper than 72px for a font size.

package.json

@@ -16,13 +16,12 @@
     "@iconify-json/logos": "^1.1.42",
     "@iconify-json/octicon": "^1.1.52",
     "@iconify-json/ph": "^1.1.11",
-    "@iconify-json/simple-icons": "^1.1.93",
+    "@iconify-json/simple-icons": "^1.1.94",
     "@iconify-json/uil": "^1.1.8",
     "@nuxt/content": "^2.12.0",
-    "@nuxt/fonts": "^0.0.1",
-    "@nuxt/image": "^1.3.0",
-    "@nuxt/ui": "^2.14.1",
-    "@nuxt/ui-pro": "^1.0.1",
+    "@nuxt/fonts": "^0.0.2",
+    "@nuxt/image": "^1.4.0",
+    "@nuxt/ui-pro": "^1.0.2",
     "@nuxthq/studio": "^1.0.12",
     "@nuxtjs/html-validator": "^1.6.0",
     "@nuxtjs/plausible": "^0.2.4",
@@ -53,6 +52,6 @@
     "twoslash": "^0.2.4",
     "vitest": "^1.3.1",
     "vue": "^3.4.21",
-    "vue-tsc": "^2.0.3"
+    "vue-tsc": "^2.0.6"
   }
 }