Merge pull request #11 from Baroshem/feat/stackblitz

feat: add Stackblitz

.stackblitz/.gitignore

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

.stackblitz/README.md

@@ -0,0 +1,42 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [nuxt 3 documentation](https://v3.nuxtjs.org) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
+pnpm install --shamefully-hoist
+```
+
+## 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://v3.nuxtjs.org/guide/deploy/presets) for more information.

.stackblitz/app.vue

@@ -0,0 +1,24 @@
+<script lang="ts" setup>
+const client = useMedusaClient();
+const { products } = await client.products.list();
+</script>
+
+<template>
+  <div class="flex">
+    <div v-for="product in products" class="mx-2">
+      <div class="relative rounded-lg shadow-lg">
+        <img
+          :src="product.thumbnail"
+          class="shadow-lg rounded-lg opacity-1 hover:opacity-75 transition duration-300 ease-in-out w-full"
+        />
+        <div class="p-6">
+          <h5 class="font-bold text-lg mb-3">{{ product.title }}</h5>
+          <pre class="text-gray-500 mb-4">{{
+            product.variants[0].prices[0].amount
+          }}</pre>
+          <p>{{ product.description }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

.stackblitz/nuxt.config.ts

@@ -0,0 +1,12 @@
+// https://v3.nuxtjs.org/api/configuration/nuxt.config
+export default defineNuxtConfig({
+  // Optional styling
+  app: {
+    head: {
+      script: [
+        { src: "https://cdn.tailwindcss.com" }
+      ]
+    }
+  },
+  modules: ['nuxt-medusa'],
+});

.stackblitz/package.json

@@ -0,0 +1,16 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "nuxt": "3.2.2"
+  },
+  "dependencies": {
+    "nuxt-medusa": "^0.2.6"
+  }
+}

.stackblitz/tsconfig.json

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