Михаил

const fragment = document.createDocumentFragment();
const app = createApp(MyComponent).mount(fragment);
console.log(app.count);
console.log(app.$data.count);

output: {
    filename: 'file-[contenthash].js',
    chunkFilename: 'chunk-[contenthash].js',
  }

newString(v-for='(item, index) in stringslist.' 
                :key='item.id' 
                :info='item' 
                @delete-string="deleteString(index)"
                @change="onChange(index, $event)"

<md-button class="md-primary">Primary</md-button>
<v-btn small color="primary">Primary</v-btn>
<fish-button type="primary">Primary</fish-button>
<q-btn color="primary" label="Primary" />
<el-button type="primary">Primary</el-button>
<b-button variant="success">Button</b-button>
<Button type="primary">Primary</Button>
<Button primary">Primary</Button>

<md-button class="u-mb20 md-primary">Primary</md-button>

computed: {
  isBlockVisible() {}
},
watch: {
  isBlockVisible() {}
}

AppTest.vue
components/
  Test-1.vue
  Test-2.vue

<div>
  <app-test component-name="Test-1" />
</div>

<template>
  <div>
    <component :is="componentName"></component>
  </div>
</template>

<script>
export default {
  props: {
    componentName: String,
  },

  created() {
    this.$options.components[this.componentName] = () => import(`./components/${this.componentName}.vue`);
  }
};
</script>

methods: {
  method1() {
    this.$root.baz()
  }
}

<div v-if="message" v-html="message"></div>
<div v-else>Длинная длиная html таблица которая должна быть видна при загрузке</div>

const component = () => ({
  component: import('./Some.vue'),
  loading: LoadingComponent,
  error: ErrorComponent,
  timeout: 3000
});