Adnan Erlansyah Posts - Answer Overflow

Adnan Erlansyah

Posts Comments

NNuxt

•Created by Adnan Erlansyah on 12/9/2024 in #❓・help

How to make prefix on FormKit?

How to make prefix on FormKit? without using formkit icon module

4 replies

NNuxt

•Created by Adnan Erlansyah on 12/6/2024 in #❓・help

How to manage or change the size of LCircle?

How to manage or change the size of LCircle from nuxt module leaflet in NuxtJS3?

  <LCircle
    :lat-lng="[47.21322, -1.559482]"
    :radius="4500"
    :color="'red'"
  />

  <LCircle
    :lat-lng="[47.21322, -1.559482]"
    :radius="4500"
    :color="'red'"
  />

4 replies

NNuxt

•Created by Adnan Erlansyah on 12/6/2024 in #❓・help

How the best way or easy to import a component on the page of NuxtJS3?

How the best way to import a component on the page of NuxtJS3?

9 replies

NNuxt

•Created by Adnan Erlansyah on 12/6/2024 in #❓・help

Will the environment variables from the project can be fiddle on the browser by user?

10 replies

NNuxt

•Created by Adnan Erlansyah on 12/5/2024 in #❓・help

How can I process some data on server-side and send it to the client-side

How can I process some data on server-side and send it to the client-side?

11 replies

NNuxt

•Created by Adnan Erlansyah on 12/4/2024 in #❓・help

how to apply css modules to hash css selectors in nuxtjs3?

14 replies

NNuxt

•Created by Adnan Erlansyah on 12/4/2024 in #❓・help

How to access data env in composable?

How to get data from env in composable?

30 replies

NNuxt

•Created by Adnan Erlansyah on 12/3/2024 in #❓・help

what folder name is suitable for internalization

what folder name is suitable for internalization in nuxtjs3 ? should I put it on folder composable>constants or make it separately?

5 replies

NNuxt

•Created by Adnan Erlansyah on 12/2/2024 in #❓・help

References for general topics or new updates of NuxtJS 3 or VueJS

Hi everyone, does anyone know of any YouTube channels that explain Nuxt.js or Vue.js, whether it's about general topics or new updates? If anyone knows, please let me know. Thank you.

6 replies

NNuxt

•Created by Adnan Erlansyah on 12/2/2024 in #❓・help

Turn on Camera Light in NuxtJS3

How to turn on camera light in NuxtJS 3 or VueJS 3

4 replies

NNuxt

•Created by Adnan Erlansyah on 11/27/2024 in #❓・help

Issue can't render other pages

How to fix this error from nuxtjs3.

 WARN  [nuxt] Your project has pages but the <NuxtPage /> component has not been used. You might be using the <RouterView /> component instead, which will not work correctly in Nuxt. You can set 
pages: false in nuxt.config if you do not wish to use the Nuxt vue-router integration.

 WARN  [nuxt] Your project has pages but the <NuxtPage /> component has not been used. You might be using the <RouterView /> component instead, which will not work correctly in Nuxt. You can set 
pages: false in nuxt.config if you do not wish to use the Nuxt vue-router integration.

14 replies

NNuxt

•Created by Adnan Erlansyah on 11/26/2024 in #❓・help

Custom Loading Screen when the browser is still process rendering

How to make or custom loading screen when the browser is still process rendering in NuxtJS 3.

10 replies

NNuxt

•Created by Adnan Erlansyah on 11/26/2024 in #❓・help

Template within conditional appeared briefly

How to fix template within conditional appeared briefly before finally disappearing when the page was first rendered. - Template Code

              <!-- For Regular Login -->
              <div class="text-center" v-if="stateScan == false">
                <FormKit
                  type="submit"
                  label="Login"
                />
              </div>

              <!-- For Regular Login -->
              <div class="text-center" v-if="stateScan == false">
                <FormKit
                  type="submit"
                  label="Login"
                />
              </div>

- Script Code

let stateScan = ref(false);

const toggleScan = async () => {
  isProcessing.value = true;
  if (stateScan.value) {
    stopFaceDetection()
    stopVideoFeed()
    stateScan.value = false
  } else {
    await startVideoFeed()
    brightnessCheckInterval = setInterval(checkBrightness, 1000);
    await startFaceDetection()
    stateScan.value = true
  }
  isProcessing.value = false;
}

let stateScan = ref(false);

const toggleScan = async () => {
  isProcessing.value = true;
  if (stateScan.value) {
    stopFaceDetection()
    stopVideoFeed()
    stateScan.value = false
  } else {
    await startVideoFeed()
    brightnessCheckInterval = setInterval(checkBrightness, 1000);
    await startFaceDetection()
    stateScan.value = true
  }
  isProcessing.value = false;
}

5 replies

NNuxt

•Created by Adnan Erlansyah on 11/26/2024 in #❓・help

Custom validation message of FormKit inputs?

How to custom validation message of FormKit inputs? but not from the input, so it's global, all validation message should follow the custom message.

4 replies

NNuxt

•Created by Adnan Erlansyah on 11/26/2024 in #❓・help

Custom Error Page in NuxtJS 3

How to custom error page as our own and make it dynamic for each response code.

10 replies

NNuxt

•Created by Adnan Erlansyah on 11/22/2024 in #❓・help

How to auto import file libs and using it on the page

So I have a something like file libs that I want to use on my page and I want to make it auto import so I don't have to import everytime I want to use it.

20 replies

NNuxt

•Created by Adnan Erlansyah on 11/22/2024 in #❓・help

How to change the title of page dynamically

Something like this.

<template>
  <div class="container">
    <NuxtLayout>
      <NuxtLoadingIndicator :throttle="0" />
        <NuxtPage />
    </NuxtLayout>
  </div>
</template>

<script setup>

useSeoMeta({
  // title: 'KOMARA GO Site',
  titleTemplate: (pageTitle) => {
    return pageTitle ? `${pageTitle} - KOMARA GO Site` : 'Komara Site'
  },
  // ogTitle: 'My Amazing Site',
  // description: 'This is my amazing site, let me tell you all about it.',
  // ogDescription: 'This is my amazing site, let me tell you all about it.',
  // ogImage: 'https://example.com/image.png',
  // twitterCard: 'summary_large_image',
})

</script>

<template>
  <div class="container">
    <NuxtLayout>
      <NuxtLoadingIndicator :throttle="0" />
        <NuxtPage />
    </NuxtLayout>
  </div>
</template>

<script setup>

useSeoMeta({
  // title: 'KOMARA GO Site',
  titleTemplate: (pageTitle) => {
    return pageTitle ? `${pageTitle} - KOMARA GO Site` : 'Komara Site'
  },
  // ogTitle: 'My Amazing Site',
  // description: 'This is my amazing site, let me tell you all about it.',
  // ogDescription: 'This is my amazing site, let me tell you all about it.',
  // ogImage: 'https://example.com/image.png',
  // twitterCard: 'summary_large_image',
})

</script>

11 replies

NNuxt

•Created by Adnan Erlansyah on 11/22/2024 in #❓・help

How to change the root of route in NUXTJS3

For example, the current route will be redirected to '/' and I want to redirect to something like '/auth/login' while accessing the root of route.

4 replies

NNuxt

•Created by Adnan Erlansyah on 11/13/2024 in #❓・help

How to make software as a service in NuxtJS3?

How to make software as a service with NuxtJS3? What's the structure looks like if we want to make it?

10 replies

NNuxt

•Created by Adnan Erlansyah on 11/12/2024 in #❓・help

The best practice for using typescript on NuxtJS3

How to make types for the response data that we get by using typescript on NuxtJS3.

5 replies

Gaming

Programming