Slot not working on navbar, i need help

[krofax]

I'm attempting to use GoogleTranslateSelect, in my navbar, but it's not working, in here, you demoed a slot in vuepress-theme-hope, but didn't share a proper implementation like in the case of vuepress.

My layout

<script lang="ts">
import ParentLayout from '@vuepress/theme-default/lib/client/layouts/Layout.vue'
import GoogleTranslateSelect from '@google-translate-select/vue3'

</script>
<template>
    <ParentLayout>
        <template>
            <div class="footer-col">
                    <GoogleTranslateSelect #navbarStartBefore default-language-code="en" default-page-language-code="en"
                        :fetch-browser-language="false" trigger="click" />
                </div>
        </template>
    </ParentLayout>
</template>

My client.ts

import { defineClientConfig } from "@vuepress/client";

import LanguageLayout from "./layouts/LanguageDropdown.vue";

export default defineClientConfig({
    layouts: { LanguageLayout }
});

My config

alias: {
    '@theme-hope/layouts/LanguageDropdown': path.resolve(
      dirname,
      './components/LanguageDropdown.vue',
    ),
  },

[Mister-Hope]

1. Use correct syntax to append codes in your post.
2. Read and understand Vue slots carefully. https://vuejs.org/guide/components/slots.html#scoped-slots

[krofax]

@Mister-Hope I've used the correct syntax.

[Mister-Hope]

#navbarStartBefore should be on template.

It's definitely not my job to teach you vue basics. Again, read official docs carefully, and watch some tutorial video if you still do not get how vue works.