Componentes do Vue no blade.

Não estou conseguindo fazer funcionar os componentes do Vue no blade,já fiz todo as configurações e instalações necessárias, a pagina abre normalmente porem o componente não e executado.

componente:

<template>

    <div>

        #teste1

    </div>

</template>

<script>

export default{

}

</script>

app.js:

import './bootstrap';

import { createApp } from 'vue';

const app = createApp({});

import slide_componet from './components/slide_componet.vue';

app.component('slide-component', slide_componet);

app.mount('#app');

views:

@push('script')

<script src="{{asset('js/app.js')}}"defer></script>

@endpush

<div id="app">

    <h1>teste2</h1>

</div>