Решил проблему добавлением в конфиг бабеля пары строк

Тогда сочувствую. Он на твой бабел ругается.

у меня вчера подобное тоже повылезало

Да я понял, просто странно что проект то новый
2 команды: npx create-nuxt-app + npm run dev

видимо на их стороне какой-то баг

Это не то что бы большая редкость)

Здравствуйте можете сказать как можно соединить верхней контент <h1> hello<\h1> на объект cart?

Простая вещь просто не могу понять

Как видите ли тут в cart object empty но мне при нажатии кнопка текст hello должен появится в cart

<div class="cart">
{{ $store.state.cart }}
</div>

<b-btn @click="addCard" />

.....

addCard(){
this.$store.commit('ADDCARD', this.card)
}
...

не?

{{ product }}

и то лучше через геттеры получать это все

ну то понятно.. но чтото у меня чувство стор ему не нужен

хотя если он туда товары кладет - то да...

такая же проблема вылезла, эти строчки помогли

Спасибо

всем привет, ребят, подскажите, что это за ворнинг такой?

на наксте вдруг вылез

Здравствуйте! Я использую в своем проекте Tailwind CSS с PostCSS. Проект работает на винде но не работает внутри докера каким то образом. Получаю такую ошибку:

ERROR in ./pages/index.vue?vue&type=style&index=0&id=b9b5fffe&lang=postcss&scoped=true& (./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js??ref--4-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--4-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@nuxt/postcss8/node_modules/postcss-loader/dist/cjs.js??ref--4-oneOf-1-2!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/index.vue?vue&type=style&index=0&id=b9b5fffe&lang=postcss&scoped=true&)
#9 307.1 Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js):
#9 307.1 ModuleBuildError: Module build failed (from ./node_modules/@nuxt/postcss8/node_modules/postcss-loader/dist/cjs.js):

Мой файл конфигурации проекта:

const isDev = process.env.NODE_ENV !== 'production'

export default {
  ssr: true,
  target: 'server',
  ...(!isDev && { modern: 'server' }),
  head: {
    title: 'Crud',
    htmlAttrs: {
      lang: 'ru'
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Crud' }
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
  },
  
  loadingIndicator: {
    name: 'pulse',
    color: '#3B8070',
    background: '#192559'
  },
  css: [
    '@/assets/css/main'
  ],
  styleResources: {
    //   scss: []
  },

  components: {
    dirs: ['@/components', '@/components/elements', '@/components/partials', '@/components/shared']
  },

  buildModules: [
    '@nuxtjs/stylelint-module',
    '@nuxtjs/eslint-module',
    '@nuxtjs/tailwindcss',
    '@nuxtjs/svg',
    '@nuxt/image',
    '@nuxtjs/google-fonts'
  ],
  modules: [
    ['@nuxtjs/component-cache', { maxAge: 1000 * 60 * 15 }],
    'nuxt-ssr-cache',
    '@nuxtjs/axios'
  ],
  image: {
    imgix: {
      baseURL: 'https://assets.imgix.net'
    },
    screens: {
      sm: 568,
      md: 768,
      lg: 1024,
      xl: 1280,
      xxl: 1536
    }
  },
  cache: {
    store: {
      max: 100,
      ttl: 5,
      type: 'multi',
      stores: [{ type: 'memory' /* ... */ }, { type: 'redis' /* ... */ }]
    }
  },
  googleFonts: {
    prefetch: true,
    preconnect: true,
    preload: true,
    families: {
      Manrope: [300, 400, 700, 800]
    },
    display: 'swap'
  },
  router: {
    prefetchLinks: false
  },
  tailwindcss: {
    configPath: '~tailwind.config.js',
    cssPath: '~/assets/css/tailwind.css',
    jit: true, 
    exposeConfig: false 
  },
  build: {
    extractCSS: true,
    compressor: true,
    filenames: {
      app: ({ isDev }) => (isDev ? '[name].js' : 'js/[name]-[contenthash].js'),
      chunk: ({ isDev }) => (isDev ? '[name].js' : 'js/[contenthash].js'),
      css: ({ isDev }) => (isDev ? '[name].css' : 'css/[name]-[contenthash:7].css'),
      img: ({ isDev }) => (isDev ? '[path][name].[ext]' : 'img/[contenthash:7].[ext]'),
      font: ({ isDev }) => (isDev ? '[path][name].[ext]' : 'fonts/[contenthash:7].[ext]'),
      video: ({ isDev }) => (isDev ? '[path][name].[ext]' : 'videos/[contenthash:7].[ext]')
    },
    postcss: {
      ...(!isDev && {
        preset: {
          browsers: 'last 2 versions',
          autoprefixer: true,
          grid: true
        }
      })
    },