Smef Comments - Answer Overflow

Topics

Smef

•Created by FabiansGeikinsSpeckle on 6/14/2024 in #❓・help

How to stop build hashes from changing between environments?

What's breaking? The default behavior is to generate different hashes every time, and that's been a behavior for a long time. The new feature lets you (optionally) set a static build ID so that the hashes do not change.

7 replies

•Created by drusellers on 6/25/2024 in #❓・help

Find Client Side calls preventing server render

https://nuxt.com/docs/guide/directory-structure/components#server-components

8 replies

•Created by drusellers on 6/25/2024 in #❓・help

Find Client Side calls preventing server render

.server is server-only, and the non-interactive result would be sent as HTML

8 replies

•Created by drusellers on 6/25/2024 in #❓・help

Find Client Side calls preventing server render

Yes, that's correct

8 replies

•Created by drusellers on 6/25/2024 in #❓・help

Find Client Side calls preventing server render

If you have a component that can only operate client-side, you can name the component MyComponent.client.vue and it won't be rendered on the server

8 replies

•Created by Jon 久世 on 6/24/2024 in #❓・help

How Do I Access AuthForm Internal State?

It's not something I've used, but I wanted to clarify

8 replies

•Created by Jon 久世 on 6/24/2024 in #❓・help

How Do I Access AuthForm Internal State?

I think this is a NuxtUI question specifically, right?

8 replies

•Created by brianb on 6/22/2024 in #❓・help

WebSocket connection to 'ws://localhost:24678/_nuxt/' failed

ws://localhost:3000/_nuxt/

10 replies

•Created by brianb on 6/22/2024 in #❓・help

WebSocket connection to 'ws://localhost:24678/_nuxt/' failed

When I run dev on my machine I do see a WS connection, but it's port 3000. Is your app running on 24678?

10 replies

•Created by qqq96 on 6/20/2024 in #❓・help

Working implementation that I can clone

Here's a simple example of registration, login, and authorization - https://github.com/gearbox-solutions/nuxt-auth-example

4 replies

•Created by qqq96 on 6/20/2024 in #❓・help

Working implementation that I can clone

What kind of example are you looking for?

4 replies

•Created by Ryän on 6/18/2024 in #❓・help

Tailwind CSS module unexpected style apply

I saw the sand thing with a manual tailwind install, so I don’t think it’s the module

40 replies

•Created by Yazılım Panteri on 6/18/2024 in #❓・help

index.html cannot load js files when i generate page with nuxi generate

But you should probably check the xampp docs

8 replies

•Created by Yazılım Panteri on 6/18/2024 in #❓・help

index.html cannot load js files when i generate page with nuxi generate

From a quick search - "85 Edit the httpd.conf file and replace the line DocumentRoot "/home/user/www" to your liked one. "

8 replies

•Created by Yazılım Panteri on 6/18/2024 in #❓・help

index.html cannot load js files when i generate page with nuxi generate

It's just a configuration in your xampp site settings. It's not a nuxt thing

8 replies

•Created by Yazılım Panteri on 6/18/2024 in #❓・help

index.html cannot load js files when i generate page with nuxi generate

You may need to set your site root to .output/public depending on if xampp can handle the virtual linked /dist directory correctly

8 replies

•Created by Yazılım Panteri on 6/18/2024 in #❓・help

index.html cannot load js files when i generate page with nuxi generate

Make sure your site root is set to /path/to/project/dist. Your server should show content at http://localhost not http://localhost/dist

8 replies

•Created by invaliduser on 6/18/2024 in #❓・help

v-for runs twice

<script setup>
const {data: articles} = await useFetch('/api/articles', {
onResponseError({ request, response, options }) {
    // Handle the response errors
      console.error('Error fetching articles:', error);
  }
});
    console.log(this.articles.length)

</script>

<script setup>
const {data: articles} = await useFetch('/api/articles', {
onResponseError({ request, response, options }) {
    // Handle the response errors
      console.error('Error fetching articles:', error);
  }
});
    console.log(this.articles.length)

</script>

10 replies

•Created by invaliduser on 6/18/2024 in #❓・help

v-for runs twice

Ah, yeah, that's true

10 replies

•Created by Ryän on 6/18/2024 in #❓・help

Tailwind CSS module unexpected style apply

export default {
    theme: {},
    plugins: [],
    content: [
        `./components/**/*.{vue,js,ts}`,
        `./layouts/**/*.vue`,
        `./pages/**/*.vue`,
        `./composables/**/*.{js,ts}`,
        `./plugins/**/*.{js,ts}`,
        `./utils/**/*.{js,ts}`,
        `./App.{js,ts,vue}`,
        `./app.{js,ts,vue}`,
        `./Error.{js,ts,vue}`,
        `./error.{js,ts,vue}`,
        `./app.config.{js,ts}`
    ]
}

export default {
    theme: {},
    plugins: [],
    content: [
        `./components/**/*.{vue,js,ts}`,
        `./layouts/**/*.vue`,
        `./pages/**/*.vue`,
        `./composables/**/*.{js,ts}`,
        `./plugins/**/*.{js,ts}`,
        `./utils/**/*.{js,ts}`,
        `./App.{js,ts,vue}`,
        `./app.{js,ts,vue}`,
        `./Error.{js,ts,vue}`,
        `./error.{js,ts,vue}`,
        `./app.config.{js,ts}`
    ]
}

40 replies