chore(mvp): it works – that's something.

Author: unseen-ninja

.editorconfig

@@ -0,0 +1,34 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# EditorConfig is awesome: https://EditorConfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_size = 2
+indent_style = space
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+# go
+[*.go]
+indent_style = tab
+indent_size = 4
+
+# python
+[*.{ini,py,py.tpl,rst}]
+indent_size = 4
+
+# rust
+[*.rs]
+indent_size = 4
+
+# documentation, utils
+[*.{md,mdx,diff}]
+trim_trailing_whitespace = false
+
+# windows shell scripts
+[*.{cmd,bat,ps1}]
+end_of_line = crlf

.github/workflows/deploy.yml

@@ -0,0 +1,63 @@
+name: Deploy Vue Website to GitHub Pages
+
+on:
+  # Runs on pushes targeting the `main` branch. Change this to `master` if you're
+  # using the `master` branch as the default branch.
+  push:
+    branches: [main]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 10
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      - name: Install dependencies
+        run: pnpm install
+      - name: Build Website
+        run: pnpm build
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./dist
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    needs: build
+    runs-on: ubuntu-latest
+    name: Deploy
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -0,0 +1,34 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# Dependencies
+node_modules
+.pnp
+.pnp.js
+
+# Build
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Environment variables
+.env
+.env.local
+.env.*.local

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "printWidth": 120,
+  "semi": false
+}

CNAME

@@ -0,0 +1 @@
+flaggerjack.unseen.ninja

README.md

@@ -0,0 +1,69 @@
+#  PrimeVue + TailwindCSS v4 Example
+
+## Overview
+
+This example demonstrates how to integrate PrimeVue with TailwindCSS v4, showcasing a modern and responsive dashboard interface. The project features a dark/light theme toggle, responsive layout, and various PrimeVue components styled with TailwindCSS.
+
+## Features
+
+- Dark/Light theme support
+- Fully responsive design
+- PrimeVue components with TailwindCSS styling
+- Chart.js integration
+- Powered by Vite for fast development
+- Real-time search functionality
+- Customizable UI components
+
+## Tech Stack
+
+- [Vue.js](https://vuejs.org/) - The Progressive JavaScript Framework
+- [PrimeVue](https://primevue.org/) - The Ultimate Vue UI Component Library
+- [TailwindCSS](https://tailwindcss.com/) - A utility-first CSS framework
+- [Vite](https://vitejs.dev/) - Next Generation Frontend Tooling
+- [Chart.js](https://www.chartjs.org/) - Simple yet flexible JavaScript charting
+
+## Getting Started
+
+1. Clone the repository:
+
+```bash
+git clone https://github.com/primefaces/primevue-examples.git
+cd primevue-examples/vite-tailwindv4
+```
+
+2. Install dependencies:
+
+```bash
+npm install
+```
+
+3. Start the development server:
+
+```bash
+npm run dev
+```
+
+4. Build for production:
+
+```bash
+npm run build
+```
+
+## Project Structure
+
+```
+vite-tailwindv4/
+├── src/
+│   ├── components/         # Vue components
+│   ├── composables/        # Vue composables
+│   ├── assets/            # Static assets
+│   └── App.vue            # Root component
+├── public/                # Public static assets
+├── index.html            # Entry HTML file
+└── vite.config.js        # Vite configuration
+```
+
+## Contributing
+
+Contributions, issues, and feature requests are welcome! Feel free to check the [issues page](https://github.com/primefaces/primevue-examples/issues).
+

index.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.png" />
+
+    <title>Flaggerjack</title>
+    <meta name="description" content="Pepperjack holding flags; all of them!" />
+
+    <meta property="og:url" content="https://flaggerjack.unseen.ninja" />
+    <meta property="og:title" content="Flaggerjack" />
+    <meta property="og:description" content="Pepperjack holding flags; all of them!" />
+    <meta property="og:description" content="Pepperjack holding flags; all of them!" />
+    <meta property="og:image" content="/embed.png" />
+    <meta name="theme-color" content="#8819EC" data-react-helmet="true" />
+
+    <meta property="twitter:title" content="Flaggerjack" />
+    <meta property="twitter:description" content="Pepperjack holding flags; all of them!" />
+    <meta name="twitter:card" content="summary_large_image" />
+  </head>
+  <body class="bg-ctp-base">
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>