feat: unsquash

packages/frontendmu-nuxt/components/content/prose/ProseBlockquote.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+const slots = useSlots()
+const children = slots.default?.()[0].children
+const key = children?.default?.()[0].children[0].children
+
+const simplifiedKey = key.replace('!', '')
+
+const typesOfQuotes = {
+    '!NOTE': {
+        class: 'bg-blue-100 border-blue-500 text-blue-900',
+        class2: 'border-l-4 border-blue-500 text-blue-500',
+        icon: 'carbon:information',
+    },
+    '!TIP': {
+        class: 'bg-lime-100 border-lime-500 text-lime-900',
+        class2: 'border-l-4 border-lime-500 text-lime-500',
+        icon: 'carbon:idea',
+    },
+    '!IMPORTANT': {
+        class: 'bg-purple-100 border-purple-500 text-purple-900',
+        class2: 'border-l-4 border-purple-500 text-purple-500',
+        icon: 'carbon:chat',
+    },
+    '!WARNING': {
+        class: 'bg-yellow-100 border-yellow-500 text-yellow-900',
+        class2: 'border-l-4 border-yellow-500 text-yellow-500',
+        icon: 'carbon:warning-alt',
+    },
+    '!CAUTION': {
+        class: 'bg-red-100 border-red-500 text-red-900',
+        class2: 'border-l-4 border-red-500 text-red-500',
+        icon: 'carbon:warning-hex',
+    },
+}
+</script>
+
+<template>
+    <div class="px-4 py-2 bg-white/5  my-5" :class="typesOfQuotes[key]?.class2">
+        <div class="flex items-center gap-2 font-bold">
+            <template v-if="typesOfQuotes[key]?.icon">
+                <Icon class="w-6 h-6" :name="typesOfQuotes[key]?.icon" />
+            </template>
+            <div>
+                {{ simplifiedKey }}
+            </div>
+        </div>
+        <div class="text-white">
+            <slot />
+        </div>
+    </div>
+</template>

packages/frontendmu-nuxt/components/site/Menu.vue

@@ -27,6 +27,11 @@ const links: TMenu = {
       //   href: '/faq',
       //   class: '',
       // },
+      {
+        title: 'History',
+        href: '/history',
+        class: '',
+      },
       {
         title: 'WhatsApp',
         href: 'https://chat.whatsapp.com/invite/0kQ2QX0ZQ0j1YQ4X6Q4Q4Q',
@@ -123,8 +128,7 @@ onMounted(makeHeaderSticky)
       <div class="flex justify-between items-center">
         <div class="flex">
           <NuxtLink href="/" class="flex gap-2 text-verse-500 dark:text-verse-200" title="frontend.mu"
-                    @contextmenu="handleRightClick"
-          >
+            @contextmenu="handleRightClick">
             <SiteLogo class="w-10" />
             <span class="hidden text-lg font-bold leading-none tracking-tighter md:text-3xl md:block">
               frontend.mu

packages/frontendmu-nuxt/content/history.md

@@ -0,0 +1,8 @@
+# History of Frontend Coders Mauritius
+
+We're now in the 3rd iteration of the leadership of this community.
+
+*  Phase one - Founded by David Dias in 2016
+*  Phase two - Cedric, Sandeep
+*  Phase three - Sandeep, Kushul, Cedric
+

packages/frontendmu-nuxt/content/how-to-contribute.md

@@ -0,0 +1,64 @@
+<!-- omit in toc -->
+# Contributing to frontend.mu
+
+Thank you for your interest in contributing to Frontend.mu! 🎉
+Our community-driven platform thrives on contributions from members like you, whether you're helping
+to organize events, enhancing the website, or simply sharing knowledge.
+
+<!-- omit in toc -->
+## Table of Contents
+
+- [Code of Conduct](#code-of-conduct)
+- [Ways to Contribute](#ways-to-contribute)
+- [Running the Project Locally](#running-the-project-locally)
+- [Submitting Contributions](#submitting-contributions)
+- [Reporting Issues and Suggestions](#reporting-issues-and-suggestions)
+- [Code Style and Guidelines](#code-style-and-guidelines)
+- [Acknowledgements](#acknowledgements)
+
+## Code of Conduct
+
+Please read and follow our [Code of Conduct](CODE_OF_CONDUCT.md) to ensure a welcoming and inclusive environment for everyone.
+
+## Ways to Contribute
+
+There are many ways you can contribute to Frontend.mu:
+
+- **Event Organization:** Help us plan, promote, and run meetups. You can propose topics, suggest speakers, or volunteer to help with logistics.
+- **Design and Frontend Development:** Improve the look and feel of our website. Whether it's updating the UI, enhancing accessibility, or fixing bugs, your skills are invaluable.
+- **Speaker and Sponsor Management:** Assist in managing the list of speakers and sponsors, ensuring that information is up-to-date and accurately represented.
+- **Community Engagement:** Help us grow the community by spreading the word, engaging with attendees, and fostering discussions online and offline.
+
+## Running the Project Locally
+
+1. **Fork the Repository:** Start by forking the repository to create your own copy on GitHub.
+2. **Clone Your Fork:** Clone your forked repository to your local machine.
+3. **Open the Project:** Navigate to the cloned `frontend.mu` directory in your code editor.
+4. **Install Dependencies:** Run `pnpm install` to install the required packages.
+5. **Set Up Environment Variables:** Copy `.env.example` to `.env.development`:
+   ```bash
+   cp .env.example .env.development
+   ```
+5. **Start the Development Server:** Use `pnpm run nuxt dev` to launch the project locally.
+
+## Submitting Contributions
+
+1. **Commit & Push:** Commit your changes and push them to your forked repository.
+2. **Open a Pull Request:** Head to your fork on GitHub, click on the `Contribute` button, and then `Open a pull request` to submit your changes.
+
+## Reporting Issues and Suggestions
+
+If you encounter any issues or have ideas for improvements, please open an issue on GitHub.
+Provide as much detail as possible, including screenshots or logs if applicable.
+
+## Code Style and Guidelines
+
+- Follow our [coding standards](CODING_GUIDELINES.md).
+- Ensure your code is well-documented and tested.
+- Use clear and concise commit messages.
+- Adhere to accessibility best practices.
+
+## Acknowledgements
+
+Thank you for being a part of Frontend.mu! Your contributions help us build a stronger community and better resources for frontend developers in Mauritius.
+If you have any questions, feel free to reach out to us via GitHub issues, Discord or at our next meetup!

packages/frontendmu-nuxt/layouts/simple.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+defineOgImageComponent('Generic')
+</script>
+
+<template>
+  <NuxtLoadingIndicator />
+  <LayoutBackdrop>
+    <SiteNavigation />
+
+    <slot />
+
+    <SiteFooter />
+  </LayoutBackdrop>
+</template>

packages/frontendmu-nuxt/nuxt.config.ts

@@ -24,6 +24,7 @@ export default defineNuxtConfig({
     '@nuxtjs/seo',
     'shadcn-nuxt',
     '@nuxt/image',
+    '@nuxt/content',
   ],
 
   eslint: {

packages/frontendmu-nuxt/package.json

@@ -14,6 +14,7 @@
     "codegen": "playwright codegen"
   },
   "dependencies": {
+    "@nuxt/content": "^2.13.2",
     "@nuxt/fonts": "^0.7.1",
     "@nuxt/icon": "^1.4.5",
     "@nuxt/image": "^1.7.0",

packages/frontendmu-nuxt/pages/[...slug].vue

@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+definePageMeta({
+  layout: 'simple',
+})
+</script>
+
+<template>
+  <main>
+    <div class="contain dark:bg-verse-900 bg-gray-50 py-16 px-8 rounded-2xl">
+      <div class="prose dark:prose-invert">
+        <ContentDoc />
+      </div>
+    </div>
+  </main>
+</template>