Spring boot Admin release 3.0.0M8 -My vue3 seems not work

[georgerocha]

Hello
Im new at SBA and Vue.
Everything is fine until I create some custom views.
I´m able to do that but If I put some code..it didn´t work..
for example v-for...v-if...and etc seems not work.

Please, help me.

my configuration

<spring-boot-admin.version>3.0.0-M8</spring-boot-admin.version>
...


    <node.version>v16.18.0</node.version>

    <npm.version>8.3.2</npm.version>

my package

  "devDependencies": {
    "@vue/cli-service": "4.5.19",
    "copy-webpack-plugin": "5.1.2",
    "sass": "^1.57.1",
    "sass-loader": "^10.1.1",
    "vue": "3.2.45",
    "vue-loader": "17.0.0"
  },
  "peerDependencies": {
    "vue": "3.2.45"
  },
  "overrides": {
    "trim-newlines": "^1.0.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ],
  "dependencies": {
    "vue-good-table": "^2.21.11"
  }

my vue config

const {resolve} = require('path');
const CopyPlugin = require('copy-webpack-plugin');
module.exports = {
  outputDir: 'target/dist',
  chainWebpack: config => {
    config.entryPoints.delete('app');
    config.entry('custom').add('./src/index.js');
    if (process.env.NODE_ENV === 'development') {
      //Fix different paths for watch-mode
      config.output.filename('js/[name].js');
      config.output.chunkFilename('js/[name].js');
    }
    config.output.libraryTarget('var');
    config.optimization.splitChunks(false);
    config.module
      .rule('vue')
      .use('vue-loader')
      .loader('vue-loader')
      .tap(options => ({
        ...options,
        hotReload: false
      }));
    config.plugins.delete('html');
    config.plugins.delete('preload');
    config.plugins.delete('prefetch');
  },
  configureWebpack: {
    plugins: [
     new CopyPlugin([{
        from: resolve(__dirname, 'src/routes.txt'),
        to: resolve(__dirname, 'target/dist'),
        toType: 'dir',
        ignore: ['*.scss']
      }])
    ],
    resolve: {
      alias: {
        'Vue': "vue/dist/vue.runtime.esm.js",
      },
      extensions: ["*", ".js", ".vue", ".json"],
    },
  },

};

[erikpetzold]

Hi @georgerocha

can you please provide a repo with a sample project?

Regards

[georgerocha]

Sorry but I cant.
Just based on what I sent to u..I could not see the result of a simple code like this

<script> export default { data() { return { awesome: true } }, mounted() { console.log('VIVA'); } } </script> toggle

<h1 v-if="awesome">Vue is awesome!</h1>
<h1 v-else>Oh no 😢</h1>

The page remains blank and No errors

[erikpetzold]

Hi @georgerocha

sounds like you are having issues with vue, not Spring Boot Admin. Please ask your vue question somewhere else where more people with vue experience can help you. Some vue or javascript community or maybe stackoverflow.

Kind regards