Refactor Slider component to include zoom functionality and improve h…

…andle movement and size calculation

apps/team/.github/workflows/studio.yml

@@ -0,0 +1,77 @@
+
+name: studio-nuxt-build
+run-name: studio nuxt build
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches:
+      - 'main'
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Add write workflow permissions
+permissions:
+  contents: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  # Build job
+  build-and-deploy:
+    runs-on: ${{ matrix.os }}
+    defaults:
+      run:
+        working-directory: .
+
+    strategy:
+      matrix:
+        os: [ubuntu-latest]
+        node: [20]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Identify package manager
+        id: pkgman
+        run: |
+          cache=`[ -f "./pnpm-lock.yaml" ] && echo "pnpm" || ([ -f "./package-lock.json" ] && echo "npm" || ([ -f "./yarn.lock" ] && echo "yarn" || echo ""))`
+          package_manager=`[ ! -z "$cache" ] && echo "$cache" || echo "pnpm"`
+          echo "cache=$cache" >> $GITHUB_OUTPUT
+          echo "package_manager=$package_manager" >> $GITHUB_OUTPUT
+
+      - uses: pnpm/action-setup@v4
+        if: ${{ steps.pkgman.outputs.package_manager == 'pnpm' }}
+        name: Install pnpm
+        id: pnpm-install
+
+      - uses: actions/setup-node@v4
+        with:
+          version: ${{ matrix.node }}
+          cache: ${{ steps.pkgman.outputs.cache }}
+
+      - name: Install dependencies
+        run: ${{ steps.pkgman.outputs.package_manager }} install
+
+      - name: Install @nuxthq/studio
+        run: ${{ steps.pkgman.outputs.package_manager }} add -D @nuxthq/studio
+
+      - name: Create .nuxtrc
+        run: echo $'\nautoImport=true\nmodules[]=@nuxthq/studio' >> .nuxtrc
+
+      - name: Generate
+        run: npx nuxi build --preset github_pages
+        env:
+          NUXT_PUBLIC_STUDIO_API_URL: https://api.nuxt.studio
+
+
+      # Deployment job
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: ./.output/public

apps/team/.gitignore

@@ -0,0 +1,9 @@
+node_modules
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.data
+.env
+dist

apps/team/.npmrc

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

apps/team/README.md

@@ -0,0 +1,42 @@
+# Content v2 Minimal Starter
+
+Look at the [Content documentation](https://content.nuxt.com/) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
+pnpm install
+```
+
+## Development Server
+
+Start the development server on http://localhost:3000
+
+```bash
+npm run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+npm run build
+```
+
+Locally preview production build:
+
+```bash
+npm run preview
+```
+
+Checkout the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

apps/team/app.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <NuxtPage />
+  </div>
+</template>

apps/team/content/about.md

@@ -0,0 +1,3 @@
+# About Content v2
+
+[Back home](/)

apps/team/content/index.md

@@ -0,0 +1,9 @@
+# Nuxt Content
+
+This page corresponds to the `/` route of your website. You can delete it or create another file in the `content/` directory.
+
+Try to navigate to [/about](/about). These 2 pages are rendered by the `pages/[...slug].vue` component.
+
+---
+
+Look at the [Content documentation](https://content.nuxtjs.org/) to learn more.

apps/team/nuxt.config.ts

@@ -0,0 +1,8 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  devtools: { enabled: true },
+  modules: ['@nuxt/content'],
+  routeRules: {
+    '/': { prerender: true }
+  }
+})

apps/team/package.json

@@ -0,0 +1,14 @@
+{
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview"
+  },
+  "dependencies": {
+    "@nuxt/content": "^2.13.4",
+    "nuxt": "^3.13.2"
+  }
+}

apps/team/pages/[...slug].vue

@@ -0,0 +1,5 @@
+<template>
+  <main>
+    <ContentDoc />
+  </main>
+</template>

apps/team/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../.nuxt/tsconfig.server.json"
+}

apps/team/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://v3.nuxtjs.org/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}

package.json

@@ -6,6 +6,7 @@
     "docs": "cd packages/docs && pnpm run dev",
     "ui": "cd packages/nobel && pnpm run dev",
     "dye": "cd packages/dye && pnpm run dev",
+    "team": "cd apps/team && pnpm run dev",
     "dye:build": "cd packages/dye && pnpm run build",
     "dye:publish": "cd packages/dye && npm publish",
     "build": "cd packages/core && tsc && vite build && copy package.json dist && copy README.md dist",