Faith
Faith
Explore posts from servers
NNuxtCDCloudflare DevelopersPPrisma
PostsComments
NNuxt
Created by Faith on 11/19/2024 in #❓・help
vueDemi2.effectScope is not a function
@kapa.ai i keep getting vueDemi2.effectScope is not a function error can u look at all my messages i have sent the nuxt config and other stuff
21 replies
NNuxt
Created by Faith on 11/19/2024 in #❓・help
vueDemi2.effectScope is not a function
@kapa.ai help
21 replies
NNuxt
Created by Faith on 11/19/2024 in #❓・help
vueDemi2.effectScope is not a function
i honestly have no idea whats happening and it works locally and have no issue, problem is when i upload to vercel it gives me this error
21 replies
NNuxt
Created by Faith on 11/19/2024 in #❓・help
vueDemi2.effectScope is not a function
this is my package.json 
{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@nuxt/content": "^2.13.2",
    "@nuxtjs/google-fonts": "^3.2.0",
    "@nuxtjs/tailwindcss": "^6.12.1",
    "@pinia/nuxt": "^0.7.0",
    "@unlok-co/nuxt-stripe": "^4.0.1",
    "@vueuse/core": "^11.2.0",
    "@vueuse/motion": "^2.2.6",
    "canvas-confetti": "^1.9.3",
    "nuxt": "^3.13.0",
    "pinia-plugin-persistedstate": "^4.1.3",
    "vue": "latest",
    "vue-router": "latest"
  },
  "devDependencies": {
    "@inspira-ui/plugins": "^0.0.1",
    "@types/canvas-confetti": "^1.6.4",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "nuxt-phosphor-icons": "^1.3.0",
    "tailwind-merge": "^2.5.4",
    "tailwindcss-animate": "^1.0.7"
  }
}
{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@nuxt/content": "^2.13.2",
    "@nuxtjs/google-fonts": "^3.2.0",
    "@nuxtjs/tailwindcss": "^6.12.1",
    "@pinia/nuxt": "^0.7.0",
    "@unlok-co/nuxt-stripe": "^4.0.1",
    "@vueuse/core": "^11.2.0",
    "@vueuse/motion": "^2.2.6",
    "canvas-confetti": "^1.9.3",
    "nuxt": "^3.13.0",
    "pinia-plugin-persistedstate": "^4.1.3",
    "vue": "latest",
    "vue-router": "latest"
  },
  "devDependencies": {
    "@inspira-ui/plugins": "^0.0.1",
    "@types/canvas-confetti": "^1.6.4",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "nuxt-phosphor-icons": "^1.3.0",
    "tailwind-merge": "^2.5.4",
    "tailwindcss-animate": "^1.0.7"
  }
}
21 replies
NNuxt
Created by Faith on 11/19/2024 in #❓・help
vueDemi2.effectScope is not a function
it only happens when i build to production works locally
21 replies
NNuxt
Created by Faith on 11/19/2024 in #❓・help
vueDemi2.effectScope is not a function
no idea what the problem is
21 replies
NNuxt
Created by Faith on 11/19/2024 in #❓・help
vueDemi2.effectScope is not a function
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-04-03',
  devtools: { enabled: true },
  modules: [
    '@nuxtjs/tailwindcss',
    'nuxt-phosphor-icons',
    '@nuxt/content',
    '@unlok-co/nuxt-stripe',
    '@vueuse/motion/nuxt',
    '@nuxtjs/google-fonts',
    '@pinia/nuxt',
    'pinia-plugin-persistedstate/nuxt',
  ],
  app: {
    head: {
      charset: 'utf-8',
      viewport: 'width=device-width, initial-scale=1',
    }
  },
  runtimeConfig: {
    public: {
      baseURL: process.env.BASE_URL || "http://localhost:8000/",
      stripe_pb_key: process.env.STRIPE_PUBLIC_KEY || "",
      starter_product_id: process.env.STARTER_PRODUCT_ID || '',
      starter_price_id: process.env.STARTER_PRICE_ID || '',
      business_product_id: process.env.BUSINESS_PRODUCT_ID || '',
      business_price_id: process.env.BUSINESS_PRICE_ID || '',
      businesspro_product_id: process.env.BUSINESSPRO_PRODUCT_ID || '',
      businesspro_price_id: process.env.BUSINESSPRO_PRICE_ID || '',
    },
  },
  content: {
    highlight: {
      theme: {
        default: "one-dark-pro",
        dark: "github-dark",
      },
    },
  },
  stripe: {
    client: {
      key: process.env.STRIPE_PUBLIC_KEY,
      // manualClientLoad: true, // if you want to have control where you are going to load the client
      // your api options override for stripe client side https://stripe.com/docs/js/initializing#init_stripe_js-options
      options: {},
    },
  },
  tailwindcss: {
    cssPath: './public/css/tailwind.css',
  },
  googleFonts: {
    families: {
      'Manrope': true,
      'Bricolage Grotesque': true,
    }
  }
})
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-04-03',
  devtools: { enabled: true },
  modules: [
    '@nuxtjs/tailwindcss',
    'nuxt-phosphor-icons',
    '@nuxt/content',
    '@unlok-co/nuxt-stripe',
    '@vueuse/motion/nuxt',
    '@nuxtjs/google-fonts',
    '@pinia/nuxt',
    'pinia-plugin-persistedstate/nuxt',
  ],
  app: {
    head: {
      charset: 'utf-8',
      viewport: 'width=device-width, initial-scale=1',
    }
  },
  runtimeConfig: {
    public: {
      baseURL: process.env.BASE_URL || "http://localhost:8000/",
      stripe_pb_key: process.env.STRIPE_PUBLIC_KEY || "",
      starter_product_id: process.env.STARTER_PRODUCT_ID || '',
      starter_price_id: process.env.STARTER_PRICE_ID || '',
      business_product_id: process.env.BUSINESS_PRODUCT_ID || '',
      business_price_id: process.env.BUSINESS_PRICE_ID || '',
      businesspro_product_id: process.env.BUSINESSPRO_PRODUCT_ID || '',
      businesspro_price_id: process.env.BUSINESSPRO_PRICE_ID || '',
    },
  },
  content: {
    highlight: {
      theme: {
        default: "one-dark-pro",
        dark: "github-dark",
      },
    },
  },
  stripe: {
    client: {
      key: process.env.STRIPE_PUBLIC_KEY,
      // manualClientLoad: true, // if you want to have control where you are going to load the client
      // your api options override for stripe client side https://stripe.com/docs/js/initializing#init_stripe_js-options
      options: {},
    },
  },
  tailwindcss: {
    cssPath: './public/css/tailwind.css',
  },
  googleFonts: {
    families: {
      'Manrope': true,
      'Bricolage Grotesque': true,
    }
  }
})
nuxt config
21 replies