gs03-dev

// src/components/multi-select.tsx

import * as React from "react";
import { cva, type VariantProps } from "class-variance-authority";
import { XCircle, XIcon, WandSparkles } from "lucide-react";

import { cn } from "@/lib/utils";
import { Separator } from "@/components/ui/separator";
import { Badge } from "@/components/ui/badge";
import {

gs03-dev

import createPersistedState from 'vuex-persistedstate'
// vuex modules
import auth from "./modules/auth";
import cart from "./modules/cart";
import account from "./modules/account";
import products from "./modules/products";
import admin from "./modules/admin"

Vue.use(Vuex)

gs03-dev

import createPersistedState from 'vuex-persistedstate'
// vuex modules
import auth from "./modules/auth";
import cart from "./modules/cart";
import account from "./modules/account";
import products from "./modules/products";
import admin from "./modules/admin"

gs03-dev

import createPersistedState from 'vuex-persistedstate'

gs03-dev

ssh-keygen

gs03-dev

<template>
 <div>
  <Header />
   <h2>Our Shop Page</h2>
   <div>
    <button @click="addItem">Add item</button>
   </div>
 </div>
</template>
<script>

gs03-dev

<template>
 <div>
  <header>
   <h2> App Header</h2>
   <p>items: {{cartCount}}</p>
  </header>
 </div>
</template>
<script>
export default {

gs03-dev

import { createApp } from "vue";
import { createStore } from 'vuex'
import "./index.css";
import App from "./App.vue";
const app = createApp(App)
const store = createStore({
 state () {
  return {
   cartItems: 0
  }

gs03-dev

<template>
 <div>
  <Header />
  <h2>Our Shop Page</h2>
 </div>
</template>
<script>
import Header from 'Company/Header';
export default {
 components: {

gs03-dev

plugins: [
 new VueLoaderPlugin(),
 new ModuleFederationPlugin({
  name: "Shop",
  filename: "remoteEntry.js",
  remotes: {
   Company: "Company@http://localhost:8080/remoteEntry.js"
  },
  exposes: {
   "./Header": "./src/Header",